简单的AJAX帖子不起作用

时间:2015-10-15 17:20:11

标签: php jquery ajax post

我想使用AJAX做一个简单的帖子,我想要发布的值正确填写(我已经使用alertboxes检查)但我无法正常工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(function(){
  $("#envoyer").click(function(){
    var formname = $("#contact-form input[name=form-name]").val();
    var formemail = $("#contact-form input[name=form-email]").val();
    var formsubject = $("#contact-form input[name=form-subject]").val();
    var formmessage = $("#contact-form input[name=form-message]").val();
    alert(formname);

    $.ajax({
      type: "POST",
      url: '/index.php',
      data: {form-name : formname, form-email : formemail, form-subject : formsubject, form-message : formmessage},
      success: function(data)
      {
        alert("success!");
      }
    });
  });
});
</script>

关于我能做些什么才能使这项工作?

1 个答案:

答案 0 :(得分:0)

您可以通过以下方式构建表单数据:

$(function(){
    $("#envoyer").click(function(){
        var FormData = form.serialize(); 

        $.ajax({
            type: "POST",
            url: '/index.php',
            data: FormData,
            success: function(data) {
                alert("success!");
            }
        });
    });
});