首頁  >  文章  >  後端開發  >  Ajax應該如何使用

Ajax應該如何使用

php中世界最好的语言
php中世界最好的语言原創
2017-12-20 19:22:361781瀏覽

Ajax就是非同步 JavaScript 和 XML,是一種創建互動式網頁應用程式的網頁開發技術。我們知道ajax是一種非常強大的技術,那麼今天就來給大家詳細的說一下這種強大的技術。

在講解之前我先跟大家說一下線性資料結構吧,我們可以把單線性資料結構當成一條線段,線段是有頭有尾的大家總知道吧,單線程就是線段的頭部沒有前區,尾部沒有後區,中間的每個元素前後都各有兩個元素,少了一個元素的時候,同時會有兩個元素知道並且告訴你。而且是缺少一個元素都不行。

回呼函數就是把函數A當作參數傳遞給函數B,函數B執行這個函數A。回呼函數最常見的用法就是我們ajax請求資料時所用的succes() and error()這兩個函數,還有setInterval裡面的第一個參數,也是用了回呼函數。回呼函數,回呼函數,回呼的字面意思可不就是掉個頭回去再把那條路走一遍嘛。所以ajax在回呼函數success()或是error被觸發的時候掉過頭去又走了一次,然後他就是異步的了,同時ajax是異步的,跟他類似的還有es6的promise(異步的同步操作) 。

瀏覽器的進程是多進程的,至於為什麼就跟你為什麼叫XXX是一個道理呦~

第二個問題,當萬能的前端遇到ajax獲取後台資料時亂碼是怎麼回事應該是大家很糾結的。
-或許是網路速度問題,網路太慢。

-或許是編碼格式不統一,你的後台兄弟坑了你,哈哈哈哈

ajax原生代碼都可否記得,不如我帶你們捋一遍呀,看代碼:


   
//1.创建xmlhttpRequest对象
var xhr;
try{
   xhr = new XMLHttpRequest();
   console.log(5555)
}
catch(e){
//ie浏览器低版本兼容
   xhr = new ActiveXobject("Microsoft.XMLHTTP");
}
finally{
  console.log(1111)
}
// try{} catch{} finally{}在这里是处理异常的方法,用if{}else{}也ok
//if(window.XMLHttpRequest){
 // xhr = new XMLHttpRequest();
//  }else{
  //ie浏览器低版本的兼容
 // xhr = new ActiveXobject("Microsoft.XMLHTTP")
//}
//2.建立异步连接
xhr.open("get","url/+string",true/false);//true是异步,false是同步
//xhr.open("post","url",true/false)
//3.发送异步请求
 xhr.send(null);//get
 xhr.send(string);//post
//4.获取返回数据
 xhr.onreadystatechange = function (){
  if((xhr.readystate)==4&&(xhr.status==200)){
   var data = xhr.responseText;
   var data = JSON.parse(data);
   show(data);
}
}
function show(data){
 document.getElementById("p1").innerHTML = data;
}


相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

實例講解Ajax非同步請求技術

AJAX常用的語法是什麼

#AJAX原理與CORS跨域的方法

#

以上是Ajax應該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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