以上就是给各位分享jQuery操作Ajax，其中也会对jquery操作页面进行解释，同时本文还将给你拓展Ajax笔记-jQuery操作Ajax、JQ-jQuery-Ajax：jQueryAjax操作函

以上就是给各位分享jQuery操作Ajax，其中也会对jquery操作页面进行解释，同时本文还将给你拓展Ajax笔记-jQuery操作Ajax、JQ-jQuery-Ajax：jQuery Ajax 操作函数、jquery :: ajaxStop()对jquery :: ajaxComplete()、jquery :: ajaxStop（）与jquery :: ajaxComplete（）等相关知识，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

• jQuery操作Ajax（jquery操作页面）
• Ajax笔记-jQuery操作Ajax
• JQ-jQuery-Ajax：jQuery Ajax 操作函数
• jquery :: ajaxStop()对jquery :: ajaxComplete()
• jquery :: ajaxStop（）与jquery :: ajaxComplete（）

jQuery操作Ajax（jquery操作页面）

参考：jQuery权威指南
jQuery初步
jQuery选择器
jQuery操作dom
jQuery操作dom事件
jQuery插件
jQuery操作Ajax
jQuery动画与特效
jQuery实现导航栏
jQuery实现点击式选项卡
jQuery实现select三级联动

//1.load(url, [data], [callback])：载入远程 HTML 文件代码并插入至 DOM 中。
//url:待装入 HTML 网页网址。
//data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
//callback:载入成功时回调函数。
//默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式
$("#feeds").load("feeds.html");//载入feeds.html文件至当前dom元素
 
//2.Ajax全局函数获取JSON数据：jQuery.getJSON(url, [data], [callback])
// url:发送请求地址。
// data:待发送 Key/value 参数。
// callback:载入成功时回调函数。
// 获取JSON数据，并装载到页面
$.getJSON(''userInfo.json'',  function(data) {
        $(".divFrame").empty();
        var strHtml="";
        $.each(data,function(index, info) {
            strHtml += "姓名："+info["name"]+"<br>";
            strHtml += "性别："+info["sex"]+"<br>";
            strHtml += "邮箱："+info["email"]+"<hr>";
        });
        $(".divFrame").html(strHtml);
});
//userInfo.json
[
    {
        "name":"张三",
        "sex":"男",
        "email":"123@163.com"
    },
    {
        "name":"李四",
        "sex":"男",
        "email":"123@163.com"
    }
]
//3.Ajax全局函数获取Script脚本，jQuery.getScript(url, [callback])
//并且直接执行
//加载并执行 test.js ，成功后显示信息。
$.getScript("test.js", function(){
  alert("Script loaded and executed.");
});

Ajax笔记-jQuery操作Ajax

$.ajax()

比较基础的函数，灵活性最大，一般不用。

$(domobject).load(url,[data],[callback])

$.get()

$.post()

$.getJSON()

JQ-jQuery-Ajax：jQuery Ajax 操作函数

jQuery Ajax 操作函数

jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。

jquery :: ajaxStop()对jquery :: ajaxComplete()

$.ajaxSetup({
  success: function(data) { 
    //do something with data,for JSON it's already an object,etc.
  }
});

jquery :: ajaxStop（）与jquery :: ajaxComplete（）

在哪个时间使用哪个。

在http://api.jquery.com/上的文档中：

对于ajaxStop（），它表示：

描述：注册所有Ajax请求完成后要调用的处理程序。这是一个Ajax事件。

对于ajaxComplete（），它说：

描述：注册一个在Ajax请求完成时要调用的处理程序。这是一个Ajax事件。

从我可以看到，由于以下原因，ajaxComplete（）更加灵活：

无论完成了什么Ajax请求，都将调用所有ajaxComplete处理程序。如果必须区分请求，则可以使用传递给处理程序的参数。每次执行ajaxComplete处理程序时，都会将事件对象，XMLHttpRequest对象和用于创建请求的设置对象传递给它。

有人可以解释每个用途是什么，以及每个用途的适当用法。在最近构建的应用程序中，我依靠ajaxStop（）在我的ajax调用完成时触发。然后，我将解析返回的数据以获取服务器端操作的结果。现在，我开始怀疑是否应该针对各种情况使用ajaxComplete（）或两者结合使用。

思想被赞赏。

答案1

好吧，简短的版本是它们有不同的用途，因此答案将是“针对各种情况两者结合”选项。基本规则是：

• .ajaxComplete()-为完成的 每个请求 运行，如果您想对每个请求/结果执行某些操作，请使用此命令。请注意，这不会代替success处理程序，因为解析的数据不是参数之一（即使发生错误它也会运行）-您可能希望.ajaxSuccess()在某些按请求的情况下使用。
• .ajaxStop()-在 每一批请求 完成时运行，通常将其与.ajaxStart()诸如显示/隐藏某种“正在加载…”指示符之类的东西结合使用-或在一批AJAX请求完成后执行其他操作，例如高手的最后一步。

如果您使用它来解析数据，则可能有一种更好的方法，在这种情况下$.ajaxSetup()，您可以指定一个success获取已解析数据的处理程序（例如JSON响应将是对象），如下所示：

$.ajaxSetup({  success: function(data) {     //do something with data, for JSON it''s already an object, etc.  }});

我们今天的关于jQuery操作Ajax和jquery操作页面的分享就到这里，谢谢您的阅读，如果想了解更多关于Ajax笔记-jQuery操作Ajax、JQ-jQuery-Ajax：jQuery Ajax 操作函数、jquery :: ajaxStop()对jquery :: ajaxComplete()、jquery :: ajaxStop（）与jquery :: ajaxComplete（）的相关信息，可以在本站进行搜索。