ajax on使用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/