使用AJAX将Jquery变量传递给PHP

时间:2016-04-16 05:44:52

标签: php jquery ajax

我试图创建一个应用程序,如果你单击一个div,data-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."'";
    }
?>

1 个答案:

答案 0 :(得分:2)

浏览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);
    }
});