首頁 >web前端 >js教程 >Ajax發送和接收請求

Ajax發送和接收請求

亚连
亚连原創
2018-05-24 10:53:522212瀏覽

這篇文章主要為大家詳細介紹了Ajax發送和接收請求的相關資料,有興趣的小伙伴們可以參考一下

首先Ajax的不刷新頁面提交數據,現在應用非常廣泛,廢話不多說馬上進主題! !

基本上瀏覽器能接收的訊息,Ajax都可以接收,ex:字串,html標籤,css標籤,xml格式內容,json格式內容等等.....

<script>
  // IE浏览器
  if(ActiveXObject){
     // 微软目前AJAX最新版本
    var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); 
  }else{
    // 主流浏览器
    var ajax = new XMLHttpRequest();
   }
  
  // 创建HTTP请求
   // open(method, url, asynchronous, user, password);
   // method:请求方法(post,get)
   // url:请求地址(是具体要接收数据的地址)
   // asynchronous:同步或异步请求(true是异步,false是同步,默认是true,可不填)
   // user:(指定请求用户名,可不填)
   // password:(指定请求密码,可不填)
  
  ajax.open(&#39;get&#39;,&#39;url&#39;); 
  
  ajax.onreadystatechange = function(){
    if((ajax.readyState==4) && (ajax.status)==200){
      alert(ajax.responseText); // 返回的数据内容
    }else{
      alert(&#39;请求失败&#39;);
    }
  }
  // 发送请求,content是要发送的内容,如果没有则填null
   send(content);
   
   // 如果用的是post方式请求,要在send之前设置HTTP头
   ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);

  
</script>

ajax的onreadystatechange事件接收最多四個變更狀態 

readystate的回傳狀態值:

#  0 (未初始化) 物件已建立

#  1(初始化) 已呼叫open方法



##  2(傳送資料) 已呼叫send方法


#  3(資料傳送中) 已傳回部分資料

################################################# ########  4 (完成) 請求成功############上面是我整理給大家的,希望今後會對大家有幫助。 ######相關文章:#########Ajax解決快取的5種方法總結################解決AJAX請求中含有陣列的方法# ########### ###Ajax請求與Filter配合案例解析###########################

以上是Ajax發送和接收請求的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn