`
兰迪RANDY
  • 浏览: 98720 次
文章分类
社区版块
存档分类
最新评论

对于jQuery中$.ajax方法的新认识

阅读更多
使用jQuery做web前端开发的人,相信对$.ajax这个方法不会陌生,我也一直在使用,可是一直没有深究过其中每个参数的含义,比如今天要说到的 async 参数。

这个参数官方手册上给出的解释是:
async Boolean
Default: true
By default, all requests are sent asynchronously (i.e. this is set to true by default). If you need synchronous requests, set this option to false. Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.

在这里,async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本。而当async为false时则脚本会等带server的响应,在server返回结果之后才会执行后面的脚本,在数据返回之前等于javascript脚本是挂起的。

这个其实不难理解,不过如果和$(document).ajaxStart()以及$(document).ajaxStop()结合起来使用,两者的差别就大了,async为true时默认会触发$(document).ajaxStart()和$(document).ajaxStop(),也就是说当ajax请求为异步请求时,我们绑定在元素上的ajaxStart和ajaxStop才会起效果,反之,当async为false即ajax为同步请求时,这两个方法以及相关的ajaxComplete等都会失效。

这也许只是一个细节,不过你知道吗?
1
1
分享到:
评论

相关推荐

    jquery-timepicker.js

    《jQuery时间选择器插件...通过本文的介绍,希望你对`jquery-timepicker.js`有了全面的认识,能够灵活地将其应用到你的项目中。在实际使用过程中,记得查阅官方文档以获取更多详细信息和示例,以便充分利用其所有功能。

    认识AjAX&jQery的基础

    jQuery中的Ajax功能包括`$.ajax()`, `$.get()`, `$.post()`等方法,它们封装了XMLHttpRequest,提供了更简洁的调用方式。 Ajax与jQuery的关系: - **简化Ajax**:jQuery通过其内置的Ajax方法,如`$.ajax()`, `$.get...

    开始认识jQuery.docx

    5. **Ajax 应用**:jQuery 的 `$.ajax()` 方法简化了异步数据请求,支持 GET 和 POST 请求,以及 JSONP、XMLHttpRequest Level 2 等多种数据类型。它还可以处理请求的生命周期,包括开始、完成和错误回调。 6. **...

    Jquery学习文档.doc

    4. **Ajax**:jQuery 的 `.ajax()` 方法和相关的 `$.get()`, `$.post()` 函数简化了异步请求,使得与服务器的通信更为便捷。 5. **插件系统**:jQuery 社区提供了大量插件,涵盖了表单验证、图像轮播、图表绘制等...

    jQuery基础.pptx

    JavaScript+jQuery 网页特效设计 jQuery(3.4.1)基础 1 jQuery简介 jQuery优势 jQuery安装 jQuery语法 1、jQuery简介 1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? ...

    jquery 1.26和1.3的

    4. **AJAX增强**:$.ajax()方法的异步请求功能得到了强化,增加了更多的自定义选项,如dataType和cache设置,使开发者能更好地控制数据传输。 5. **插件生态**:随着1.3版本的发布,jQuery的插件生态系统也日益繁荣...

    jquery pagination 分页

    在页面中选择一个元素作为分页容器,然后调用 `$.fn.pagination` 方法初始化分页。比如: ```javascript $('#pagination-container').pagination({ total_pages: 50, // 总页数 current_page: 1, // 当前页 ...

    jquery入门教材

    5. **Ajax交互**: jQuery的`$.ajax()`方法是进行异步数据交换的核心,可以轻松实现页面局部刷新。`$.get()`和`$.post()`是其简化版,分别用于GET和POST请求。 6. **JSONP跨域**: 通过`$.getJSON()`实现跨域数据获取...

    JQuery学习和参考

    jQuery的`$.ajax()` 方法是进行异步数据请求的核心,支持GET和POST等HTTP方法。`$.get()`, `$.post()` 是其简化版本。`$.getJSON()` 专门用于获取JSON格式的数据,而`$.load()` 则可以将服务器返回的内容加载到指定...

    jQuery插件开发

    - **典型示例**:如`$.ajax()`函数,它就是在`jQuery`命名空间中定义的一个全局函数。 - **实现方式**: - 直接定义新的全局函数。 - 使用`jQuery.extend()`方法扩展多个全局函数。 - 使用命名空间避免命名...

    jquery资料大全

    例如,`$.ajax()`方法可以方便地发送GET或POST请求,而`$.get()`和`$.post()`则是其简化的版本。 ### 学习路径建议 1. **初识jQuery**: 首先,通过阅读CHM文档了解jQuery的基本概念和API,对jQuery有一个整体的...

    jquery-starterkit

    在JavaScript中,可以使用 `$.ajax()` 或 `$.getJSON()` 方法读取这些数据并展示在网页上。 #### 2. `starterkit.html` 这是项目的基础HTML文件,可能包含了jQuery库的引用以及项目的基本结构。开发者可以通过修改...

    Web前端开发技术-认识JQuery.pptx

    7. **Ajax交互**:`$.ajax()`, `$.get()`, `$.post()`等函数简化了与服务器的数据交换。 总的来说,jQuery通过提供一套强大的工具集,极大地提高了Web前端开发的效率和代码质量。学习并熟练掌握jQuery,对于提升Web...

    重新认识Jquery中的html()方法

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨jQuery中的`html()`方法,帮助开发者更全面地理解这个功能强大的工具。 `html()`方法是jQuery中用于...

    jquery 中ajax执行的优先级

    3. jQuery中的AJAX方法:jQuery简化了AJAX操作的编程模型,提供了$.ajax、$.get、$.post等方法,可以方便地实现AJAX调用。 4. 回调函数在异步处理中的应用:在异步操作中,回调函数用于指定操作完成后要执行的代码...

    jQuery权威指南源码

    插件通常通过`$.fn.extend()`方法添加到jQuery对象上,使我们能够为jQuery对象添加新的方法。 总的来说,《jQuery权威指南源码》是一个深入学习JavaScript和前端开发的宝贵资源。通过阅读和理解这份源码,开发者...

    ajax视频教程1

    使用jQuery,可以使用$.ajax()、$.get()、$.post()等函数轻松地发起Ajax请求。 ### 5. JSONP(JSON with Padding) 为了解决跨域问题,JSONP是一种非官方的解决方案。它通过动态插入`<script>`标签来获取数据,因为...

    Jquery1.2中文API,jquery-1[1].2.6.Mini,十五天学会Jquery

    6. **Ajax(Ajax)**:`$.ajax()`, `$.get()`, `$.post()`等方法简化了异步数据请求,使得与服务器交互更加方便。 二、15天学会jQuery入门教程 该教程分为5个阶段,每个阶段包括3天的学习内容: 1. **第1-3天**:...

    HeadFirst jquery源代码

    6. **Ajax交互**:jQuery简化了异步数据获取,`$.ajax()`, `$.get()`, `$.post()`等函数让开发者能方便地进行Ajax请求。JSONP和跨域请求也是jQuery支持的重要特性。 7. **插件生态**:jQuery拥有庞大的插件生态系统...

Global site tag (gtag.js) - Google Analytics