jQuery $ .post没有给出任何结果

时间:2013-05-31 00:19:32

标签: javascript jquery ajax .post

我知道此问题之前已经提出过。但是,我无法找到解决问题的方法。我正在尝试使用$ .post来搜索MySQL数据库,只是为了测试我设置了customer_lookup.php以回显'Hello'的代码。出于某种原因,这段代码不起作用,我已经在许多教程和文档中检查了这个并且找不到任何问题,但由于某种原因我没有得到任何结果。

$('input#customer_search_submit').on('click', function() {

    var customer_name = $('input#customer_name').val();

    $.post('/ajax/customer_lookup.php', {customer_name: customer_name}, function(data) {
        alert(data);
    })

}); 

如果我删除了$ .post并且只是放了alert(customer_name);这会按预期在警报中输出表单数据,所以我确定问题出在$ .post

我感谢任何帮助/指导。

由于

2 个答案:

答案 0 :(得分:1)

取消点击活动!

$('input#customer_search_submit').on('click', function(e) {
    e.preventDefault();
    ...

答案 1 :(得分:0)

javascript看起来不错。您应该检查是否指定了正确的URL。尝试在代码中添加error handler,如下所示:

$('input#customer_search_submit').on('click', function() {
    var customer_name = $('input#customer_name').val();
    $.post('/ajax/customer_lookup.php', {customer_name: customer_name}, function(data) {
        alert(data);
    }).error(function(){alert(arguments[1]+" "+ arguments[2]);});
}); 

显然,您需要学习如何使用控制台。检查:Chrome的开发者工具(F12或Ctrl + Shift + J),Firefox的Firebug,IE的开发者工具(F12)