Php Jquery-每次单击div时使用$\u GET变量拉取新数据

我将尽我最大的努力来解释这一点，因为这是我第一次做这样的事情，所以我有点摸不着头脑

在我的页面开始时，我调用了一个返回3个配方的函数，然后创建变量并为每个变量分配一个配方id：

$meal = builder::buildMealPlan(1200,0,0,0,3);

$id1 = $meal[0][id];
$id2 = $meal[1][id];
$id3 = $meal[2][id];

因此，我现在知道函数选择的3个配方的id，然后在3个div中显示这3个配方：

<div id="meal1"><h2><? print_r($meal[0]); ?></h2></div>
<div id="meal2"><h2><? print_r($meal[1]); ?></h2></div>
<div id="meal3"><h2><? print_r($meal[2]); ?></h2></div>

我的JS代码试图表明我至少正确阅读了它：

 $(document).ready(function(){
 $("#meal1").click(function(){

     $.getJSON("testing-01.php?id1="+id1+"&id2="+id2+"&id3="+id3+"&clicked=1",      function(data) {
        $.each(data.items, function(i, item) {
        console.log(item.id);
        alert(item.id);
        });
    });
    });

}))

---

但是，当我单击div时，没有任何记录或警报。。。我是不是漏掉了什么明显的东西？我可以在控制台中看到它正在调用正确的页面，如果我复制并粘贴URL，我会得到我在上面粘贴的json代码。

我不确定我是否理解您需要的所有内容，但我想您需要更改get方法中的3个ID

您可以创建一些存储3个id的简单javascript对象，并在成功的ajax上重写它。。。买你需要更好的再销售然后只是html。。。试试json

 $(document).ready(function(){
    $("#meal1").click(function(){
      $.get("testing-01.php?id1="+SomeJavascriptObject.id1"&id2="+SomeJavascriptObject.id2"&id3="+SomeJavascriptObject.id3"&clicked=1", function(result){

       SomeJavascriptObject.id1 =result.returnedID1;
 SomeJavascriptObject.id2 = result.returnedID2;
 SomeJavascriptObject.id3 = result.returnedID3;
        $("#meal1").html(result.html);
    });

---

哇，看到这样的布局，它看起来很明显。我会将其更改为JSON输出，并尝试您上面的建议，然后在这里报告，谢谢！我编辑了我的原始帖子，我尝试切换到JSON，我觉得我很接近，但遗漏了一些明显的东西：（感谢大家的帮助，我很高兴我能随时提供帮助。）

  {"mealnumber":1,"id":"69","title":"Protein Packed Meatloaf","description":"This meatloaf is packed with protein to help your muscles grow.","cookingtime":"00:25 ","preptime":"00:10 ","servings":"4.00","rating":"0.000","calories_ps":"205.00","carbohydrate_ps":"7.70","protein_ps":"20.55","fat_ps":"9.64"}

 $(document).ready(function(){
 $("#meal1").click(function(){

     $.getJSON("testing-01.php?id1="+id1+"&id2="+id2+"&id3="+id3+"&clicked=1",      function(data) {
        $.each(data.items, function(i, item) {
        console.log(item.id);
        alert(item.id);
        });
    });
    });

 $(document).ready(function(){
    $("#meal1").click(function(){
      $.get("testing-01.php?id1="+SomeJavascriptObject.id1"&id2="+SomeJavascriptObject.id2"&id3="+SomeJavascriptObject.id3"&clicked=1", function(result){

       SomeJavascriptObject.id1 =result.returnedID1;
 SomeJavascriptObject.id2 = result.returnedID2;
 SomeJavascriptObject.id3 = result.returnedID3;
        $("#meal1").html(result.html);
    });