Ajax jquery的庫的簡化版本

(function(){
?? ?//面向外界的唯一變量接口！
?? ?var myajax = window.myajax = {};
?? ?//作者、版本號等等信息
?? ?myajax.author = "考拉";
?? ?myajax.version = "1.0.0";

?? ?//這個對象有兩個屬性，get、post屬性，都是函數
?? ?myajax.get = function(URL,queryJSON,callback){
?? ??? ?//創建xhr對象，解決兼容問題
?? ??? ?if(window.XMLHttpRequest){
?? ??? ??? ?var xhr = new XMLHttpRequest();
?? ??? ?}else{
?? ??? ??? ?var xhr = new ActiveXObject("Microsoft.XMLHTTP");
?? ??? ?}
?? ??? ?//結果返回之后做的事情
?? ??? ?xhr.onreadystatechange = function(){
?? ??? ??? ?if(xhr.readyState == 4){
?? ??? ??? ??? ?if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
?? ??? ??? ??? ??? ?callback(null,xhr.responseText);
?? ??? ??? ??? ?}else{
?? ??? ??? ??? ??? ?callback(new Error("沒有找到請求的文件"),undefined);
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ?}
?? ??? ?//拼接字符串
?? ??? ?var querystring = myajax._queryjson2querystring(queryJSON);
?? ??? ?//配置
?? ??? ?xhr.open("get" , URL "?" querystring , true);
?? ??? ?//發送
?? ??? ?xhr.send(null);
?? ?};

?? ?//這個對象有兩個屬性，get、post屬性，都是函數
?? ?myajax.post = function(URL,queryJSON,callback){
?? ??? ?//創建xhr對象，解決兼容問題
?? ??? ?if(window.XMLHttpRequest){
?? ??? ??? ?var xhr = new window.XMLHttpRequest();
?? ??? ?}else{
?? ??? ??? ?var xhr = new ActiveXObject("Microsoft.XMLHTTP");
?? ??? ?}
?? ??? ?//結果返回之后做的事情
?? ??? ?xhr.onreadystatechange = function(){
?? ??? ??? ?if(xhr.readyState == 4){
?? ??? ??? ??? ?if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
?? ??? ??? ??? ??? ?callback(null,xhr.responseText);
?? ??? ??? ??? ?}else{
?? ??? ??? ??? ??? ?callback(new Error("沒有找到請求的文件"),undefined);
?? ??? ??? ??? ?}
?? ??? ??? ?}
?? ??? ?}
?? ??? ?//拼接字符串
?? ??? ?var querystring = myajax._queryjson2querystring(queryJSON);
?? ??? ?//配置
?? ??? ?xhr.open("post" , URL , true);
?? ??? ?//發送
?? ??? ?xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
?? ??? ?xhr.send(querystring);
?? ?};

?? ?//內部函數，查詢json變為查詢字符串
?? ?//輸入一個{"name":"kaola","age":18,"sex":"男"}
?? ?//返回一個name=kaola&age=18&sex=

總結

以上是生活随笔為你收集整理的Ajax jquery的库的简化版本的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。