javascript - ajax 使用 php 提交无刷新表单

Question

好的，所以我知道这个 ajax 有效，但我似乎无法理解为什么它不在此处提交。

<script type="text/javascript">
$(function(){
    $('input[type=submit]').click(function(){
        $.ajax({
            type: "POST",
            url: "postitem.php",
            data: $("#myform").serialize(),
            beforeSend: function(){
                $('#result').html('<img src="loading.gif" />');
            },
            success: function(data){
                $('#result').html(data);
            }
        });
    });
});

提交表格

<form action="" method="post" onsubmit="return false;" id="myform">

提交按钮

<input type="hidden" value="Post" name="submit" /> 
<button type="submit" title="Done" style="height:33px; width:50px">
    <img src="../../css/images/plus_25.png" />
</button>

我觉得这个按钮有点问题，但我想保持按钮的原样，因为我的很多其他表单都使用这个相同的按钮，如果你能向我解释为什么点击这个提交按钮什么都不做，谢谢。

Answer 1

您正在选择 <input>而不是 <button> .我通过更改您的 jQuery 选择器获得了成功:

$('input[type=submit]')

为此:

$('button[type=submit]')

http://jsfiddle.net/H3Bcc/