当前位置:首页>开发>正文

可以设置ajax请求为同步请求么 如何设置jquery的ajax方法为同步

2023-04-21 03:54:00 互联网 未知 开发

 可以设置ajax请求为同步请求么 如何设置jquery的ajax方法为同步

可以设置ajax请求为同步请求么

可以,
Ajax请求默认的都是异步的
如果想同步 async设置为false就可以(默认是true)

var html = $.ajax({
url: "some.php",
async: false
}).responseText

或者在全局设置Ajax属性
$.ajaxSetup({
async: false
})
再用post,get就是同步的了

如何设置jquery的ajax方法为同步

首先要清楚ajax的格式,如下:
$.ajax({ 
    type:post,
    url:/testajax.php,
    dataType:json,
    data:{uid:uid,rands:Math.random()},
    success: function(){
        alert(ajax return success)
}})控制同步和异步的参数:
async
类型:Boolean
默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。
注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。使用方式:
$.ajax({ 
    type:post,
    url:/testajax.php,
    ......
    async:false,
    .....
    success: function(){
        alert(ajax return success)
}})

ajax同步方式提交

如果你是使用在网站开发上,而不是学习js,建议还是使用jquery之类的js框架再进行ajax等开发,远比你直接用原生js代码省时省力多了。
//先加载jquery才能实现下面代码效果
var tmp=$(name="nicen").val()
var re = /^[a-zA-z]w{3,15}$/
if(re.test(tmp)){
$.get(adv/useryz.php?nicen= tmp,function(data){
$(#chaxun0).text(data)
if(data==可以注册) {
       $(#chaxun0).addClass(span_group_ture)
       frmpost()
    } else {
      $(#chaxun0).addClass(span_group_false)
    }
})
}

//提交表单
function frmpost() {
//todo
}


ajax是异步操作,是不是实时返回结果的,只能在他返回时再触发其他事件。例如上面代码里的frmpost函数

ajax 同步和异步的区别

AJAX异步和同步区别

  AJAX
  1、AJAX(Asynchronous JavaScript And XML)
  主要由javascript和xml两种技术以一种新的方式组合成一门客户端技术.
  AJAX:DHTML XMLHttpRequest(可用于发送异步请求)
  DWR:ajax框架
  AJAX:Asychronized JavaScript XML的缩写
  AJAX是一种客户端技术,可以和J2ee、.Net等服务器端技术进行交互。
  AJAX并不是一门新的技术,它是有很多已有的技术按一定的方式组合起来的:
  1)HTML,CSS实现标准的显示
  2)DOM(Document Object Module)实现动态交互
  3)XML,XSLT实现数据获取
  4)XMLHttpRequest发送异步请求,获取异步数据
  5)JavaScript将各种技术粘合起来
  2、同步请求应答通信模型详解
  传统web应用采用click-->wait-->refresh方式与用户交互.采用同步请求/响应的交互模式页面驱动,
  以页面为中心,即使请求前后的两个页面非常类似,服务器也要重新发送.
  browse-->request-->server-->response
  会打断用户的操作,因客户端每次操作后都要等待服务器的响应.刷新页面会丢失用户信息,光标位置不
  能对用户的请求做出立即的响应.由于HTML的限制,很多特殊效果很难实现.
  富客户端的应用:
  Applet,Macromedia Flash,Java WebStart,DHtml,DHtml with Hidden IFrame,AJAX
  3、使用目的
  解决了同 步请求应答通信模型 ( request/response 通 信模型 ) 的一些缺点:
  1) 页面先前的内容丢失
  2) 用户的下一步操作被中断
  3) 页面信息进行局部更新时,整个页面要全部刷新.

最新文章

随便看看