簡單的AJAX帖子不工作

Question

我想使用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> 

任何想法，我可以做什麼，使這項工作？

Answer 1

你可以建立你的表單數據是這樣的：

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

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