Question

我正在尝试使用AJAX生成PHP，根据点击链接的ID显示在div内部。（我还没有处理HTML格式化，只是想先弄清楚这个）

我的代码：

    <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>

我已经处理了在网址为landingPage.php？ProductIDNumber = 1时运行PHP并且一切正常，我还没有完全掌握如何返回结果HTML。

编辑和评论。

Answer 1

您需要加入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>

正如Alvaro所说，data的结构也不正确

Here's a link到jQuery文档，您可以在其中找到有关参数和选项的更多信息（例如处理失败等）

Answer 2

数据错误，

就像这样：

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

我想使用AJAX根据点击链接的ID动态生成布局

2 个答案: