ajax默认提交方式是什么
ajax默认提交方式是什么
这篇文章主要介绍“ajax默认提交方式是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“ajax默认提交方式是什么”文章能帮助大家解决问题。
ajax默认是异步提交;AJAX中根据async值的不同分为同步“false”和异步“true”,而默认情况下async值是true(异步提交)。这样做的好处就是能够通过局部刷新的方式提高用户的体验,同时还能节省资源,减少数据库的压力。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
ajax默认提交方式是异步提交,这样做的好处就是能够通过局部刷新的方式提高用户的体验,同时还能节省资源,减少数据库的压力。
AJAX中根据async的值不同分为同步(async = false)和异步(async = true)
$.ajax({type:"post",url:"path",cache:false,async:false,dataType:($.browser.msie)?"text":"xml",success:function(xmlobj){function1(){};}});function2(){};
默认情况下async是true(异步提交)。
改成同步的方法就是将async的默认值改成false,一般都是true或者不写,如果改成false就会失去ajax的本身作用。
一、什么是同步请求:(false)
同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,前一个人办理完自己的事务,下一个人才能接着办。也就是说,当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面处于一个假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面解除假死状态(即当ajax返回数据后,才执行后面的function2)。
二、什么是异步请求:(true)
异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。
一般默认值为true,异步。异步请求可以完全不影响用户的体验效果,无论请求的时间长或者短,用户都在专心的操作页面的其他内容,并不会有等待的感觉。
同步和异步有什么不同:
异步:在异步模式下,当我们使用AJAX发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含AJAX请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的,那么,这个时候就好比两条线程同时执行一样。
同步:在同步模式下,当我们使用AJAX发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成return时,包含请求代码的函数的剩余代码是不能够执行的。就好比单线程一样,请求发出后就进入阻塞状态,知道接触阻塞余下的代码才会继续执行。
看以下代码:
varflag=true;varindex=0;$.ajax({url:"",success:function(data){flag=false;}});while(flag){index++;}alert(index);
最终程序进入了一个死循环
看以下代码:
varflag=true;$.ajax({url:"",success:function(data){flag=false;}});alert(flag);
最终结果是true
js是单线程的,由于执行ajax请求会消耗一定的时间,甚至出现了网络故障而迟迟得不到返回结果;这时,如果同步执行的话,就必须等到ajax返回结果以后才能执行接下来的代码,如果ajax请求需要1分钟,程序就得等1分钟。如果是异步执行的话,在等在server端返回的这个过程中,前台会会继续执行ajax块后面的脚本,直到server端返回正常的结果才会执行success,这时候执行的是两个线程,ajax块发出请求后一个线程和ajax块后面脚本
varflag=true;varindex=0;$.ajax({url:"",async:false,success:function(data){flag=false;}});while(flag){index++;}alert(index);
最终结果是0
关于“ajax默认提交方式是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注恰卡编程网行业资讯频道,小编每天都会为大家更新不同的知识点。
推荐阅读
-
PHP-AJAX 与 MySQL
-
php手把手教你做网站(十一)Jquery Ajax上传单张图片
-
如何用Ajax解析json,XML数据格式
-
php 判断是否为ajax请求
-
最简单的数据接口ajax+php从数据库读取内容并显示tp
话不多说js部分˂pclass=“position”id=“usergroupname”...
-
原生和jQuery的ajax如何用
原生和jQuery的ajax如何用本文小编为大家详细介绍“原生和j...
-
jQuery怎么实现Ajax上传文件同时设置headers
jQuery怎么实现Ajax上传文件同时设置headers这篇文章...
-
jQuery如何实现AJAX调用错误处理
jQuery如何实现AJAX调用错误处理这篇文章主要为大家展示了“...
-
AJAX怎么使用XML文件进行交互式通信
AJAX怎么使用XML文件进行交互式通信本文小编为大家详细介绍“A...
-
AJAX如何调用ASP文件进行通信
AJAX如何调用ASP文件进行通信本篇内容介绍了“AJAX如何调用...