- 浏览: 791954 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (981)
- javascript (102)
- java (212)
- JQuery (81)
- 幽默笑话 (2)
- 只言片语 (6)
- 开发小记 (283)
- Hibernate (17)
- DWR (4)
- SQL (10)
- spring-ibatis (8)
- linux (24)
- Struts1 (8)
- Struts2 (16)
- spring (42)
- Mybatis (16)
- css (18)
- servlet (8)
- jdbc (4)
- jsp (1)
- spring-jdbc (2)
- FreeMarker (2)
- MySQL (24)
- JQuery-Grid (7)
- jstl (5)
- 正则表达式 (1)
- 面试集锦 (86)
- unix (18)
- 开发工具 (23)
- ajax (5)
- webservice (4)
- log4j (3)
- oracle (15)
- extjs (14)
- 其他 (9)
- 优秀技术参考地址 (1)
- 性能 (3)
- 数据库 (25)
- 算法 (15)
- 设计模式 (10)
- Python (3)
- AIX (5)
- weblogic (1)
- shell (14)
- quartz (5)
- 图形文件FusionCharts (1)
- Websphere (4)
- 转载 (5)
- hadoop (1)
- highchart (24)
- perl (22)
- DB2 (7)
- JBoss (1)
- JQuery Easy UI (9)
- SpringMVC (5)
- ant (5)
- echart (9)
- log4J配置 (3)
- 多线程 (10)
- 系统架构 (7)
- nginx (3)
- loadrunner1 (1)
- 分布式 (1)
- Dubbo (1)
- Redis (2)
- JMS (4)
- 自动化测试 (3)
- Spring循环依赖的三种方式 (1)
- spring-boot (2)
- 高级测试 (9)
- github (2)
- sonar (1)
- docker (6)
- web前端性能优化 (1)
- spring-aop (6)
- rabbit (1)
- ELK (1)
- maven (1)
- minio (1)
最新评论
-
zengshaotao:
jstl1point0 写道很好啊,如果有带Session会话 ...
Nginx+Tomcat搭建高性能负载均衡集群 -
jstl1point0:
很好啊,如果有带Session会话的怎么搞呢
Nginx+Tomcat搭建高性能负载均衡集群
$.ajax同步
- 博客分类:
- JQuery
JQuery提供的$.ajax请求能够异步的向后台发送数据,并得到反馈信息,再在前台做相应的局部更新操作,效果还是挺不错的。同时因为是异步的交互,所以减少了等待的时间,给予用户的体验也是挺好的。可是也正是因为这个异步的交互,带来了一些问题。这个问题也很好理解的,因为web前端执行的速度往往快于后台,所以在异步请求后台的时候,web前端是继续执行的,所以当需要后台的反馈才能继续执行web端的代码时,这个异步的操作就不恰当。比如如下代码:
var flag = false;
var queryString = 'appId='+appId
$.ajax({
//异步选项
async:false,
type:"post",
dataType:"json",
url:'/back/common/common-getInfo.do',
data:queryString,
success:function(result){
if(result){
flag = true;
}
}
})
if(flag){
//do something;
}
如果没有async选项,程序就会有问题的。
发表评论
-
input 隐藏 方法传入字符串参数
2020-04-12 14:02 639JQuery 使用 $("#input[id='' ... -
JQuery 之empty and remove
2017-12-25 18:59 440$("table tr[id^=trAddColum ... -
easyui dialog隐藏与显示
2017-12-13 18:30 1604有时候需要对查询的结果进行过滤,当然如果是前端过滤,就不要再 ... -
cookie操作 JQuery
2017-03-23 22:18 522首先包含jQuery的库文件,在后面包含 jquery.coo ... -
表单参数一并提交
2017-03-23 13:09 569对于一般的table数据,并且还带有查询条件,我们都会使用j ... -
JQuery解析XML
2017-03-19 17:26 480用JavaScript解析XML数据是常见的编程任务,Ja ... -
表格动态展示与下钻
2016-09-13 08:37 1286<%@ page language="jav ... -
JQuery tree的使用
2016-07-12 09:32 1149$(function(){ $('#cardTree') ... -
兄弟frame之间控制页面
2016-05-17 18:05 874<FRAMESET cols=" ... -
easy ui 树的常用功能
2016-05-17 14:40 653遍历tree nodes function Trav ... -
attr(),css()
2016-05-04 17:54 428JQuery的attr()方法,设置属性,不同于css(), ... -
$.browser.msie为空
2016-03-03 17:34 489'$.browser.msie' 为空或不是对象,这个是j ... -
jOrgChart 后端取数--递归构建map
2016-03-03 11:41 777<!DOCTYPE html> <htm ... -
jOrgChart 后端取数--手工构建map
2016-03-03 11:39 663<!DOCTYPE html> <htm ... -
jOrgChart横向的组织机构树--手工构造json数据
2016-03-02 17:41 1277<!DOCTYPE html> <htm ... -
jOrgChart的调试模式
2016-03-02 14:41 1154jOrgChart是一个不错的横向组织树插件,在视觉体验上也 ... -
jOrgChart横向的组织机构数插件
2016-03-02 12:03 924<!DOCTYPE html> <htm ... -
easy ui data grid
2016-02-22 16:40 990JQuery Easy Ui dataGrid 数据表格 ... -
JQuery easy ui 图标扩展
2015-12-23 15:44 991JQuery easy ui 1.2.6有很多的图标, ... -
获取页面高度
2015-12-15 10:26 465$(document).height() //是获取整个页 ...
相关推荐
以下是$.ajax()方法的主要参数及其详细解释: 1. **url**:指定发送请求的目标URL,可以是相对路径或绝对路径,如果不指定,默认为当前页面地址。 2. **type**:请求的HTTP方法,如"GET"或"POST"。默认是"GET"。...
`$.ajaxSettings.async`属性控制着所有Ajax请求是否同步执行。默认情况下,它是设为`true`,表示异步执行。将`async`设置为`false`会强制所有后续的Ajax请求变为同步,直到将其再次设置回`true`。 示例代码如下: ...
在JavaScript的世界里,jQuery库提供了一种简便的方式来与服务器进行异步交互,这就是$.ajax方法。这个功能强大的函数使得前端开发者无需刷新整个页面就能获取或发送数据,极大地提升了用户体验。本文将深入探讨如何...
总的来说,$.ajax()和$.getJSON()提供了灵活的Ajax请求方式,而同步处理虽然不常用,但在特定场景下仍具有其价值。正确理解和使用这些函数能够帮助开发者更有效地与服务器进行数据交互,提高应用的性能和用户体验。
$.ajax()是jQuery库中用于AJAX通信的底层方法,它封装了原生的AJAX实现,并提供了简单易用的接口。该方法仅接受一个参数,即一个包含设置和回调函数的对象,所有的参数都是可选的。通过$.ajax()方法,开发者可以指定...
下面,我们将详细介绍$.ajax()方法的各个参数以及它们的作用和用法。 1. url:这是一个字符串类型,指定了发送请求的地址,也就是数据要发送到服务器的哪个URL。如果不指定,通常默认为当前页面地址。URL是AJAX请求...
在JQuery众多功能中,$.ajax()方法是实现Ajax请求的重要方法。通过$.ajax(),开发者可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。本文将详细介绍$.ajax()方法的各个参数以及如何应用。 ...
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
jQuery的Ajax方法主要包括`$.ajax()`, `$.get()`, `$.post()`, `$.getJSON()`等。这些方法都提供了一种优雅的方式来发送和接收数据,同时提供了丰富的配置选项来处理各种情况。 ### 1. `$.ajax()` `$.ajax()`是...
$.ajax()方法是jQuery库中的一个核心功能,用于在后台与服务器进行异步数据交互,无需刷新页面。熟练掌握$.ajax()的参数设置对于前端开发至关重要。以下是对这些参数的详细解释: 1. **url**: 这是一个String类型的...
然而,直接在success回调函数中返回值是不可行的,因为success函数是异步执行的,其返回值无法直接传递到调用$.ajax()的地方。为了获取$.ajax()的返回值并添加事件,我们需要借助全局变量或者使用Promise对象。以下...
在JavaScript的jQuery库中,`$.ajax`是一个用于发送异步HTTP请求的重要方法。当我们设置`contentType: "application/json"`时,它定义了发送到服务器的数据格式。这在处理JSON数据时尤其有用,因为JSON是一种轻量级...
$.getJSON是jQuery库中用于发起异步AJAX请求的一个方法,它的目的是为了简化JSON数据的加载过程。在AJAX通信中,请求可以是异步的,也可以是同步的。异步请求不会阻塞后续代码的执行,而同步请求则会阻塞,直到请求...
同步请求会锁定浏览器,直到服务器返回数据并且`$.ajax`的回调函数执行完毕。以下是一个同步请求的例子: ```javascript var temp; $.ajax({ async: false, // 设置为同步 type: "POST", url: defaultPostData....
$.post 和 $.get 方法则是 $.ajax 方法的快捷方式,适用于更简单的 GET 或 POST 请求。$.post 方法用于发送 POST 请求,而 $.get 用于发送 GET 请求。它们的参数相对简单,主要包含 url、data、success、dataType 和...
$.ajax()方法是jQuery库中的一个核心功能,用于发起AJAX(Asynchronous JavaScript and XML)请求,即在不刷新整个页面的情况下与服务器进行数据交互。它允许开发者通过配置多个参数来定制请求行为,以实现灵活的...