Question

我正在使用Jquery处理表单而不加载新页面。我已经得到了一个警报，其中包含输入字段“mailingfield”中的电子邮件地址。我无法弄清楚为什么帖子不起作用（更直接的是，图像没有做任何事情。 .mailbutton是一张图片。

window.onload = init;

function init() {
    $(".mailbutton").click(function() {
        var email = $(".mailingfield").val();
        $.post("/localhost/PHP_scripts/mailinglist.php", {
            email: email
        }, function(data) {
            var content = $(data).find('#content');
            $("#box").empty().append(content);
        }
        });
    };

mailinglist.php正在寻找由$ _POST设置的“电子邮件”。然后它验证安全性等，然后如果电子邮件地址通过它插入数据库的验证，则代码解析一个html块，其前面有div ID'd内容。如果验证失败，则会生成一个类似的html块，其中包含内容div，并带有相关警告。我是以正确的方式来做这件事的。非常感谢任何帮助。

Answer 1

我建议将事件绑定到文档就绪块中的按钮（更不用说我修复了你的语法错误。只要url是正确的，这将有效）：

~~window.onload = init;~~

$(function(){

   $(".mailbutton").click(function() {
      var email = $(".mailingfield").val();
      $.post("/localhost/PHP_scripts/mailinglist.php", { email: email }, function(data) {
            var content = $(data).find('#content');
            $("#box").empty().append(content);
      });
   });
});

Answer 2

尝试使用firebug检查firefox的NET选项卡，看看是否在点击时发送请求，如果使用chrome，请检查netowrk选项卡以查看是否有任何请求生成...

你知道你的帖子网址是否正确....

这意味着如果您的网站是http://www.example.com/ 您发送ajax请求的页面为http://www.example.com/makeajaxcall/ajaxrequest.php，然后您发布数据的ajax网址为http://www.example.com/localhost/PHP_scripts/mailinglist.php

Jquery $ .post问题

2 个答案: