javascript - 如何在不刷新页面的情况下提交表单并显示结果

Question

我有这个表格和结果 div :

<form action="result.php">

<input type="checkbox" name="number[]" value="11" />
<input type="checkbox" name="number[]" value="12" />
<input type="checkbox" name="number[]" value="13" />
<input type="checkbox" name="number[]" value="14" />
<input type="checkbox" name="number[]" value="15" />
<input id="submit" type="submit" name="submit" value="show result" />
</form>

<div id="result"></div>

现在我想在 div 中点击提交显示 result.php with id="result"

我如何为此使用 ajax？

Answer 1

 $(form).submit(function(e)
 {
     var postData = $(this).serializeArray();
     var formURL = $(this).attr("action");
     $.ajax(
     {
         url : formURL,
         type: "POST",
         data : postData,
         success:function(data, textStatus, jqXHR) 
         {
             $("#result").html(data);
         },
         error: function(jqXHR, textStatus, errorThrown) 
         {
              console.log('error');      
         }
     });
     e.preventDefault(); 
     e.unbind(); 
});

试试这个