jQuery.ajax() 未触发

标签 jquery

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

我的代码有什么问题吗?

编辑:在我添加 $(document).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>

最佳答案

你必须返回 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;
}       

关于jQuery.ajax() 未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7375562/

相关文章:

javascript - PrettyPhoto 画廊中的最后一张图片首先加载

javascript - jQuery 如果单选按钮被选中则继续下一个元素

java - 使用 Ajax 和 java ReSTLet 在客户端应用程序中流式传输视频

javascript - select2 改变背景颜色

jquery - 未捕获 RangeError : Maximum call stack size exceeded - Asp.net Mvc DropDown 与 Web Api 绑定(bind)

jQuery 同步非阻塞ajax 调用

jquery - 将 json 数组输出分配给每个 <li>

jQuery 序列化对象?

javascript - 单击即可自动拖放

javascript - 如何启用跨表格单元格和行的 div 拖动和调整大小