2016-03-31 77 views
1

我有一个文件(lam.php),显示拉丁美洲国家的数据库驱动的列表。我想将其列入我网站上的各种页面作为便利参考。但不是简单地包含它,我想使用AJAX,因此用户可以决定他们是否想要查看列表。jQuery AJAX后脚本错误

所以我正在学习如何使用AJAX。这听起来像我想使用jQuery + AJAX,使用Post而不是Get。

但我立即挂断了这一行的错误: $ .post(“http://gx/2b/inc/C/Shared/DBLists/World/lam.php”,data,callback);

我在预览页面时看不到任何错误,但错误在Dreamweaver中突出显示。当我点击按钮时没有任何反应,所以在某处显然有错误。任何人都可以在脚本中发现错误吗?

这是整个脚本:

<head> 
    <script> 
    $(document).ready(function(){ 
    $("button#lam").click(function() 
    $.post("http://gx/2b/inc/C/Shared/DBLists/World/lam.php",data,callback); 
    ) 
    } 
) 
    </script> 
</head> 

<body> 
    <button id="lam">Latin America<button> 
</body> 
+0

您是否定义了'callback'函数? – Barmar

+1

您正在使用未定义的变量'data'。 – Barmar

+0

我从教程中得到了这个。我基本上复制他们的脚本。我如何定义“数据”和“回调”?所有的数据都在lam.php文件中,所以我可以简单地删除“数据”? “回调”决定了数据的获取方式,对吗?换句话说,我可以指定“当有人点击ID为'africa'的按钮时显示此表格。” –

回答

1

你需要一个DIV添加到HTML的结果显示在随后的回调函数必须填写DIV从AJAX响应呼叫。

由于您的PHP脚本不采用任何参数,因此您不需要参数data

<head> 
<script> 
$(document).ready(function(){ 
    $("button#lam").click(function() 
     $.post("http://gx/2b/inc/C/Shared/DBLists/World/lam.php", function(response) { 
      $("#lam-result").html(response); 
     }); 
    }); 
}); 
</script> 
</head> 

<body> 
    <button id="lam">Latin America<button> 
    <div id="lam-result"></div> 
</body>