javascript – 使用php提交没有刷新表单的ajax

好吧所以我知道这个ajax有效,但我似乎无法理解为什么它不在这里提交.

@H_502_6@

@H_502_6@

<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);
            }
        });
    });
});

提交表格@H_502_6@

@H_502_6@

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

提交按钮@H_502_6@

@H_502_6@

<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>

我的按钮很糟糕,但是我想保持按钮的方式,因为很多我的其他形式都使用相同的按钮,谢谢你能解释为什么点击这个提交按钮什么都不做.@H_502_6@

解决方法

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

@H_502_6@

@H_502_6@

$('input[type=submit]')

对此：@H_502_6@

@H_502_6@

$('button[type=submit]')

http://jsfiddle.net/H3Bcc/@H_502_6@