JavaScript異步ajax總結
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
開發工具與關鍵技術：Visual Studio 2015 與 JavaScript
作者：唐文堅
撰寫時間：2020年4月30日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
什么是Ajax？
不是編程語言，這是不用重新加載整個網頁下就能部分更新的技術。
同步與異步：
同步：打個比方三個人去超市買完東西后要付款了可是超市只有一個付款處那他們就要排隊了這樣就費時間
異步：超市的付款處有三個他們就可以同時付款，這樣就減去了很多的時間。
異步實作：
1、運用HTML與CSS來實作頁面，表達資訊
2、運用XMLHttpRequest和web服務器進行資料的異步交換
3、運用JavaScript操作DOM，實作動態區域重繪
然后創建這個：
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
將表單異步的程序：
寫一個函式
Var xhr = null; if(window.XMLHTTPRequest){
Xhr = new XMLHTTPRequest();
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
這個是用來解決瀏覽器兼容性問題的并寫了一個變數
xhr.open(方法和路徑)
xhr.send(發送)
一個目前比較固定的語法 服務器回應：
xhr.onreadystatechange = function () {
if(xhr.readyState==4&&xhr.status==200){
console.log(xhr.responseText);
在這個陳述句里宣告變數=JSON.parse(填入要列印的資料)
獲取元素并顯示讓它們的值的宣告變數.元素名document.getElementById("txtName").value=https://bbs.csdn.net/topics/obj.name;
將頁面上的資料提交給服務器
寫函式，獲取元素并顯示出來.value
創建一個xmlhttp物件并寫好瀏覽器兼容問題的代碼
向服務器發送請求xmlhttp.open(方法，路徑)
指定回應頭 ：xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
var str = "name=" + name + "&sex=" + sex + "&address=" + address;做好元素的拼接
發送資料xmlhttp.send(str);
服務器回應一個固定的陳述句
獲取服務器回傳的結果
Josn：
將JS物件轉換為JSON物件：
Stringify(字串化)；
Parse(分析)；
Stringify():將JS物件序列化為JSON字串
列：var str = JSON.stringify(obj);
Parse()[pa:z]:將JSON字串轉化為JS值
列：一個JSON的變數
avr obj1 = JSON.parse(引數)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/56068.html
標籤：非技術區
上一篇：vs2015網站部署
下一篇：jQuery基礎使用與樣式總結