原生JS和JQuery的ajax請求

一、原生js

1 get方法
// 得到xmlhttprequest
// 開啟與伺服器的連線
var url = "....";
xhr.open("get", url, ture); //同步為false，非同步為true
// 傳送請求, get 請求傳送為空
xhr.send(null);
// 接收伺服器的響應
xhr.onreadystatechange = function() 
}2、post方法
xhr.open("post", url, true);
// post 請求需要設定 content-type
// post 傳送請求需要帶上引數
xhr.send(datalist);
xhr.onreadystatechange = function() 
}var datajson = 
var list = [ ];
for（var i in datajson）
var datalist = list.join("&");
// => 請求報文：name=zhangsan&age=20

二、jquery 

1、封裝的ajax方法
$.ajax(,
error: function()
})2、封裝的post方法
$.post(url, datajson, function(obj),"json")
3、封裝的get方法
$.get(url, datajson, function(obj),"json")

js中的ajax和jquery中的ajax學習筆記

一 js中的ajax ajax 非同步訪問 區域性重新整理 1.同步和非同步 2.ajax的執行原理 頁面請求 ajax引擎 提交給伺服器端 這段時間可以做任何事情 伺服器端響應 ajax引擎 觸發設定好的事件，執行自定義的js邏輯 然後顯示頁面 js改變頁面，其原理是改變的是記憶體 3.ajax實...

原生js和jquery對照

選擇元素 jq el js document.queryselector div div.queryselectorall el mui mui el 0 父 兄弟元素 jq el parent el prev el next el last el first js document.queryse...

原生js和Jquery操作DOM

dom元素節點 1 文件節點 2 元素節點 3 屬性節點 4 文字節點 5 注釋節點 1 建立節點 2 選擇 訪問 節點 3 操作 1 節點操作 1 新增節點 2 刪除節點 3 替換節點 4 修改內容 1 文字 text 2 html 3 表單val 4 改變事件 2 css操作 3 動畫 下文 一...