使用JQuery / AJAX

时间:2018-02-21 10:08:54

标签: php jquery ajax

我只是想做一件简单的事情:点击从php文件中获取一个变量值,然后在我的页面上显示它。 例如。

<div class="click" onclick="getMyValue()">Click me</>

<script>
function getMyValue() {
$.ajax({
        type: "POST",
        url: "basket_count.php",
        dataType: "json",
        success: function(res) {
            console.log(res['item_count']);
            console.log("success");
        },
        error: function() {
            console.log("Error");
        }
    });
}
</script>

basket_count.php

$item_count = 3;
echo json_encode($item_count);

虽然没有工作。我得到&#34;错误&#34;在我的console.log();

UPD: 我已尝试将其添加到错误中:​​error: function(err) { console.log(err);}

以下是我得到的信息: enter image description here

UPD: 代码没有问题,问题是我包括了#34; header.php&#34;在我的php文件中,所以与它有一些冲突。我删除它,它开始工作得很好。

2 个答案:

答案 0 :(得分:0)

如果你需要直接从php文件获取变量值然后提醒(res),这里有两件事;你会得到3警报。

你使用过echo json_encode($ item_count);而是使用键创建数组并将其传递给json编码。 echo json_encode(array(“item_count”=&gt; $ item_count)); 你将获得3与console.log(res ['item_count']);

答案 1 :(得分:0)

<div class="click" onclick="getMyValue()">Click me</>

<script>

$.ajax({
        type: "POST",
        url: "basket_count.php",
        dataType: "json",
        data:{get:"item_count"};
        success: function(res) {
            console.log(res.responseText);
            console.log("success");
        },
        error: function() {
            console.log("Error");
        }
    });
</script>

并在php中添加:

if($_POST['get']==item_count){
 echo $item_count;
}