我想使用AJAX根據點擊鏈接的ID動態生成佈局

我正在嘗試使用AJAX生成PHP，以基於點擊的鏈接的ID在div內顯示。（我還沒有處理HTML格式還沒有，只是想先弄清楚這一點）我想使用AJAX根據點擊鏈接的ID動態生成佈局

我的代碼：

<script type="text/javascript"> 
    jQuery(document).ready(function() 
    { 
     $(".myClass h3").click(function(){ 

      var clickID = $(this).attr('id'); //For sake of argument lets say id = 1. 

      $.ajax({               
        url: 'landingPage.php',     
        data: {ProductIDNumber: clickID}, 
          success: function(html) { 
         $('#container').append(html); 
        } 
       }); 
     }); 
    }); 
</script>

我處理得到PHP當網址landingPage.php運行？ ProductIDNumber = 1，這一切都正常工作，我只是不太明白如何返回最終的HTML。

編輯和評論。

來源

2014-04-25 PugsOverDrugs

您需要包括success，其一旦接收到響應運行，類似於;

<script type="text/javascript"> 
jQuery(document).ready(function() 
{ 
    $(".myClass h3").click(function(){ 

     var clickID = $(this).attr('id'); //For sake of argument lets say id = 1. 

     $.ajax({               
      url: 'landingPage.php', 
      data: { 
       ProductIDNumber : clickID 
      }, 
      success: function(html) { 
       // Do what you need to here with 'html' 
       $('#container').append(html); 
      }     
     }); 
}); 
</script>

由於阿爾瓦羅說data的結構也是不正確

Here's a link到jQuery的文檔，你可以找到更多關於你的參數和選項（如處理失敗等）

來源

2014-04-25 19:35:27

做了一些更改，現在看起來是否正確？ – PugsOverDrugs

看起來對我是的，爲了可讀性的緣故，它會更好地對齊你的代碼整理者，但功能上並不重要 –

謝謝！我已將所有內容加載到使用PHP的Document Ready中（爲了儘可能減少硬編碼並使維護工作變得更加容易），但在文檔加載時需要付出很多壓力，需要加載大量圖像和菜單所有一次，所以我試圖將菜單導航中的每個「步驟」分解成帶有AJAX調用的點擊事件以分散加載時間。一旦我調整了PHP，我會讓你知道它是如何工作的！ – PugsOverDrugs

的數據是錯誤的，

它是這樣的：

data: {varname: value, varname1: value},

來源

2014-04-25 19:30:13

因此，在我的示例中，它將是：「data：{ProductIDNumber：clickID}，」？ – PugsOverDrugs

更改'data：{「ProductIDNumber =」：clickID}，'更改爲'data：{ProductIDNumber：clickID}，' –

我想使用AJAX根據點擊鏈接的ID動態生成佈局

回答

相關問題