js 如何判断是异步请求还是普通请求

JavaScript017

js 如何判断是异步请求还是普通请求,第1张

这是根据请求时的参数来决定的啊,如果async为true就是异步请求,为false就是同步请求。也就是说,是否异步请求是由前端决定的,后台程序是不作区分一视同仁处理的。前端如果是以同步方式发出请求,它就会阻塞程序,等待后台返回数据再继续运行;而异步方式的话,就会立刻返回,继续执行其他代码,当后台返回数据时再以回调函数的形式进行处理。既然同步异步是由前端决定的,那么前端的js自然就知道如何来处理这个请求结果啦。

其实你完全可以采用jquery的ajax方式来读取.var result = false

var thenow = new Date()

$.ajax({

type:"POST",

url:"此处为相对路径的php文件?Time="+thenow.getMilliseconds()+"M"+thenow.getSeconds()+"",

data:{id:id},

success:function(data){

}

})

如果你不用jquery

 var xmlHttps = new Array(10) 

 var e

 var EndHtml=false

 

 //创建XMLHTTP对象

 function getXMLHTTPObj()

 {

  var C = null

  try

  {

    C = new ActiveXObject("Microsoft.XMLHTTP")

  }

  catch(e)

  {

   try

   {

    C = new ActiveXObject("Msxml2.XMLHTTP")  

   }

   catch(sc)

   {

    C = null

   }

  }

  

  if( !C && typeof XMLHttpRequest != "undefined" )

  {

   C = new XMLHttpRequest()

  }

  

  return C

 }

 

 function GetDetail(userid,id) 

 { 

   

  document.getElementById(id).innerHTML = ""

  

   

  try

  { 

   xmlHttps[id]=false

   xmlHttps[id]= getXMLHTTPObj()

   if( xmlHttps[id] )

   {

     

  

  var realUrl = "/Ajax.aspx?action="+id+"&userid=" + escape(userid)+"&date="+new Date().getTime()

 

 

    xmlHttps[id].open("get", realUrl, true)

    //设置回调函数

    xmlHttps[id].onreadystatechange = function(){updatePage(id,xmlHttps[id])} 

    //发送请求

    xmlHttps[id].send(null)

   // xmlHttps.abort()   

   }

   else

   {

   

  document.getElementById(id).innerHTML = "<font color=#ff0000>×</font>您的浏览器不支持"

   }

  }

  catch (e)

  {

  

  document.getElementById(id).innerHTML = "<font color=#ff0000>×</font> 发生异常"

  

  }

 }

这个可以通过jQuery框架轻松实现,jQuery中包含多种ajax的请求方式,详细可以参考下对应 的API。

你上面定义的按钮类型是submit,如果是在form当中,将会自动提交当前form表单,建议,如果可能的话将其修改为button类型。

下面给出通过jQuery的$.post方式,异步获取服务器的JSON数据。

功能代码:

<script type="text/javascript">

$(function(){

// 定义存放服务器返回值的变量

var jsonData = null

$('#submitBtn').click(function(){

// 请求的参数

var params = {}

$.post('json.json', params, function(data){

// 这里data就是返回的JSON对象

jsonData = data

alert(jsonData.name)

}, 'json')

})

})

</script>

完整代码:

<html>

<head>

<style>

</style>

<meta http-equiv="Content-Type" content="text/html charset=GBK">

<script type="text/javascript" src="

<script type="text/javascript">

$(function(){

// 定义存放服务器返回值的变量

var jsonData = null

$('#submitBtn').click(function(){

// 请求的参数

var params = {}

$.post('json.json', params, function(data){

// 这里data就是返回的JSON对象

jsonData = data

alert(jsonData.name)

}, 'json')

})

})

</script>

</head>

<body>

<div>

<input type="button" value="提交" id="submitBtn"/>

</div>

</body>

</html>