使用AJAX将Jquery变量传递给PHP - Pass Jquery variables to PHP using AJAX

Pass Jquery variables to PHP using AJAX

本文关键字：PHP 变量 AJAX Jquery 使用 | 更新日期: 2024-04-10

我正在尝试制作一个应用程序，如果你点击一个div，数据id将被放入一个变量中，这将为PHP提供要查找的选择参数。这是我的代码来更好地解释它。

HTML:

<div class="box" data-id="caption"></div>

JQuery:

$('.box').click(function () {
        var caption = $(this).data('id');
});

在谷歌上搜索后，我发现最好的方法是通过AJAX，然后我开始尝试：

$.ajax({
    url: 'index.php',
    type: 'GET',
    dataType: 'json',
    data: ({ caption }),
    success: function(data){
        console.log(data);
    }, error: function() {
        console.log("error");
    }
});

然而，这似乎并不奏效。如果有更好的方法来做我上面提到的，我愿意接受新的想法。

编辑

这是我的PHP代码。

if(isset($_GET['caption'])){
    echo $caption;
    $select = "SELECT * FROM pics WHERE text = '".$caption."'";
    }
?>

查看jQuery的api。

您的数据密钥应该包含json对象-

$.ajax({
    url: 'index.php',
    type: 'GET',
    dataType: 'json',
    data: {caption: caption},
    success: function(data){
        console.log(data);
    }, error: function(error) {
        console.log(error);
    }
});