如何将变量从javascript发送到php并将结果返回给JS

How to send variable to php from javascript and return the result back to JS

本文关键字:php 结果 JS 返回 变量 javascript      更新时间:2023-09-26

我有这个代码。

var book = document.getElementById('txtBook').value;
switch(book.toUpperCase())
    {
        case "GEN": var bk = "101"; break;
        case "EXO": var bk = "101"; break;
        case "LEV": var bk = "101"; break;
        case "DEU": var bk = "102"; break;
        ... and so on...
    }

我想将我的switch替换为数据库查询。由于我从这里的搜索中了解到我不能直接从 JS 中做到这一点,我需要将其传递给 php Variable。

我想知道如何将我的var book传递给 php 页面,例如 getbook.php

然后,我将在 php 端进行查询。我希望该结果返回到我的JS以进行进一步处理。

我更喜欢不需要页面刷新的方法。

谢谢

你需要使用 ajax。

$.get('getbook.php', {book: $('#txtBook').val()}, function(data) {
  // here you get your data and deal it 
});

最简单的方法是应用 ajax。

服务脚本(获取手册.php):

$bookId = $_POST['book'];
//do some search stuff
$rows = getBookInfo($bookId);
$result = array('searchResult' => $rows);
header('Content-Type: application/json');
echo json_encode($result);

客户端脚本(记得包含 jquery 的 js):

postData = {book: bookId};
$.ajax({
     type: 'POST',
     url: '/getbook.php',
     data: postData,
     dataType: 'JSON',
     success: function (jsonObj) {
        //use jsonObj.serachResult as array
     }
   });