jQuery.ajax()没有解雇

时间:2011-09-11 00:31:46

标签: jquery

我使用Firebug来调试我的代码。在“网络”面板中,我根本看不到.ajax()。 (没看到任何传出请求的网址)

我的代码出了什么问题?

编辑:在我添加$(文件).ready()之后。我的代码,一切正常。为什么我需要$(document).ready()? 我想当点击按钮时,文档已准备就绪。 需要添加“return false;”以及

function doSubmit() {
        alert('button is clicked.');

        $.ajax({
          type: 'Post',
          url: "http://mysite.com/list/json",
          dataType: "json",
          context: [],
          success: function(data){
              alert('got data');
          }
        }); 
}       
<form name="my_form" id="myform">
    <div class="mydiv">
        <input class="button" type="submit" value="Save" onClick="doSubmit();">
    </div>
</form>

2 个答案:

答案 0 :(得分:4)

您必须返回false,否则它只提交该表单

function doSubmit() {
        alert('button is clicked.');

        $.ajax({
          type: 'Post',
          url: "http://mysite.com/list/json",
          dataType: "json",
          context: [],
          success: function(data){
              alert('got data');
          }
        }); 
       return false;
}       

答案 1 :(得分:1)

$('#myform').submit(function() {
    $.ajax({
        // ...
    });
});