AJAXを使用してPHPにJquery変数を渡します。

Question

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"); 
    } 
}); 

しかし、これは動作していないようです。私が上で述べたことをするためのよりよい方法があれば、私は新しいアイデアを公開しています。

EDIT

は、ここに私のPHPコードです。

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

Answer 1

jQueryでapiを調べます。

Your data key should contain a json object -

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