`
merry爱编程
  • 浏览: 9381 次
  • 性别: Icon_minigender_1
  • 来自: 哈尔滨
社区版块
存档分类

ajax ready 时同时发送请求。新手容易踩的雷

阅读更多
当jquery 中定义了 两个ready 函数
这两个函数又恰巧是ajax 同时向后台发送数据,为异步ajax。
这个时候你会发现。两个函数接收后台传回来的数据 有问题。

也就是说,在一个js中不可能有两个请求 同时ready发生。 会抢资源吧?
因为它们是异步的 不会管对方是否执行 .同时向服务器要东西。服务器是同步的吧?

于是问题就出现了。
类似的:
一个click(函数
{
   请求1.
   请求2.

})

单击的时候 1,2一起向后台要数据

2不会等1执行完在要响应。
服务器是同步。没法处理。

那怎么解决呢?
把ajax变为同步
第一个先执行 第二个等待第一个执行结束在执行。
即可解决问题。
分享到:
评论

相关推荐

    ajax用户验证-formValidator3.3

    4. **实时验证**:通过Ajax,`formValidator3.3`能够在用户填写表单时立即进行验证,减少了无效提交,提升了用户体验。 5. **样式可定制**:该工具允许开发者自定义错误消息的显示方式,以便与网站的设计风格保持...

    jQuery新手入门指南+源代码

    - **$.ajax()**:进行异步请求的通用方法,可以设置各种参数控制请求行为。 - **$.getJSON()**:专门用于获取JSON格式数据的函数。 - **$.getScript()**:加载并执行外部JavaScript文件。 5. jQuery性能优化: ...

    jQuery基础教程(新手入门必看)[归类].pdf

    此外,`$.get()`和`$.post()`是更简洁的版本,用于发送GET和POST请求。 动画效果是jQuery的另一个亮点。`animate()`函数可以创建自定义的动画效果,如改变元素的位置、大小、颜色等。这使得动态效果的实现变得简单...

    jquery手机网页遮罩动态加载.zip

    在jQuery中,可以使用`.ajax()`方法发送异步请求,获取服务器数据。在请求开始时,显示遮罩层,当数据加载完成或请求失败时,隐藏遮罩层。同时,可以结合CSS3的过渡和动画效果,让遮罩层的出现和消失更加平滑自然。 ...

    JQuery插件+demo:适合新手学习的资料示例整理

    紧接着,“jQ学习第二季(1).rar”和“jQ学习第二季(2).rar”可能涉及到更复杂的JQuery操作,如AJAX(异步数据请求)、动画效果(fadeIn、slideUp等)以及插件的初步使用。AJAX技术使得页面无需刷新即可获取和更新...

    学生狗新手入门的前端网页,html+css+js+jq

    JS可以处理用户输入、操作DOM(文档对象模型)、发送AJAX请求以及实现各种复杂交互。例如,一个简单的登录验证可以通过JS实现,检查用户名和密码是否为空,或者与服务器数据进行比对。 **jQuery**是一个JavaScript...

    jQuery入门指南教程--是新手最好的选择

    例如,你可以使用 `$.get()` 发送一个 GET 请求: ```javascript $.get("http://example.com/data", function(data) { $("#result").html(data); }); ``` 这会在获取到数据后,将结果插入到 ID 为 "result" 的...

    jQuery 教程 源码+实例+注释 [新手入门提高速成]

    **jQuery 教程 源码+实例+注释 [新手入门提高速成]** jQuery 是一个广泛应用于 Web 开发的 JavaScript 库,它极大地简化了 JavaScript 的操作,特别是对于DOM(文档对象模型)处理、事件处理、动画效果以及Ajax交互...

    jqurey教程,网上整理的。。

    1. **AJAX请求**:`$.ajax()`是jQuery的核心Ajax函数,可以进行异步数据请求。例如: ```javascript $.ajax({ url: "example.com/data", type: "GET", success: function(data) { // 处理返回的数据 } }); ...

    jquery+纯生javascript写的适合初学者

    jQuery还提供了一些实用功能,如`$.ajax`用于处理Ajax请求,实现异步数据交换。 在描述中,“写于初学时,适于初学者,仅供参考,随意分享”表明这些材料可能是作者学习过程中的笔记或项目,可能包含一些基础实践和...

    jquery api中文参考手册

    - `.ajax()`:进行Ajax请求的通用方法。 - `.get()`:发送GET请求。 - `.post()`:发送POST请求。 - `.getJSON()`:获取JSON格式的数据。 - `.load()`:加载远程HTML内容到元素中。 ### 其他重要概念 - `.ready()`...

    jQuery傻瓜教程

    5. **Ajax支持**:jQuery 通过`.ajax()`, `.get()`, `.post()`等方法简化了Ajax请求,实现了异步数据交换。 6. **浏览器兼容性**:jQuery 兼容多种浏览器,包括IE6.0+、Firefox 1.5+、Safari 2.0+、Opera 9.0+,...

    jqueryPagination-分页模板

    6. 处理数据:在 `onPageChange` 回调函数中,根据当前页码发送Ajax请求获取新数据,并更新页面内容。 通过以上步骤,开发者可以快速地在项目中集成 `jqueryPagination`,创建出功能完善的分页系统。这个插件的易用...

    jquery帮助文档

    jQuery简化了Ajax请求的编写,`.ajax()`方法是其核心,可以发送异步HTTP请求到服务器。`.get()`和`.post()`是其简化的版本,分别对应GET和POST请求。`.load()`方法用于加载远程HTML片段并插入到DOM中。 **插件生态...

    jquery起步教程

    同时,`$(document).ready()`确保DOM加载完成后执行代码。 3. 动画效果:jQuery的动画功能强大,`fadeIn()`和`fadeOut()`实现淡入淡出效果,`slideToggle()`实现滑动显示/隐藏,`animate()`可以自定义复杂的动画。 ...

    jquery使用文档 chm

    还有`$.get()`、`$.post()`等简化的Ajax方法,用于发送GET和POST请求。 6. **插件开发**:jQuery允许开发者创建自定义插件,扩展其功能。插件通常通过`$.fn.extend()`添加新方法到jQuery对象上。 7. **兼容性**:...

    jquery新手入门 简化js代码 运行速度更快

    **jQuery新手入门 简化JS代码 运行速度更快** 在编程领域,JavaScript(简称JS)是一种广泛使用的客户端脚本语言,常用于网页交互和动态效果的实现。然而,对于初学者而言,纯JavaScript的代码可能会显得复杂且难以...

    Web-前端教程24 jQuery DOM 实操.zip

    5. **AJAX操作**:jQuery的`.ajax()`函数是进行异步数据交互的利器,它可以方便地发送GET和POST请求,处理JSON、XML等不同格式的数据。例如,`$.ajax({url: 'api-url', type: 'GET', success: function(data) {...}}...

Global site tag (gtag.js) - Google Analytics