Ajax！！

Ajax!!!
hello word～/ 发表于 2020-08-16 17:38:06
267 0 0
编辑删除
【摘要】 这篇来介绍Ajax和我的个人总结！！！1：浏览器2：Ajax对象3：Ajax.open（method,url,true） {发送请求，看是否异步或同步}4：Ajax.send()5:onreadystatechage:监听6：statu==200 {可能有这几种结果：403 503 404普遍404}下面我举个我个人觉得通用的公式列子：function ajaxFun(cal…
这篇来介绍Ajax和我的个人总结！！！

1：浏览器

2：Ajax对象

3：Ajax.open（method,url,true） {发送请求，看是否异步或同步}

4：Ajax.send()

5:onreadystatechage:监听

6：statu==200 {可能有这几种结果：403 503 404普遍404}

下面我举个我个人觉得通用的公式列子：

function ajaxFun(callback){

var xhr=null;

 if（window.xmlHttpRequest）{

    xhr=new HMLHttpRequest();

}else{

    xhr =new ActiveXObject('Microsoft.XMLHttp');

}

xhr.open("GET","路径"，true)；

}

xhr.send();

然后下面我来写一个状态改变的事件触发器通用公式：

xhr.onreadystatuchange(){

  if(xhr.readystatu==4){

      if(xhr.status==200){

            JSON.Parse(xhr.responseText)

            //这个上一行就是讲将里面的字符串转换尾json格式数组，不过也可以换一种简单写法也是通用的：看下面黄色的我写的：

        xhr,onreadystatuchange=function(){

                if(xhr.readystate==4){

                    if(xhr.status==200){

                         callback(xhr.responseText);

                }

            }

    }

 }

}

//然后这是可以写一个获得数据的一个方法

就是function show(date){

        ...........

        }

}

下面就是jQuery的Ajax！！！
$.ajax({

type:"GET" ,

url:"https://xxxx"

dataTYpe:"jsonp" ,

jsonp:"xx"

callback:'xx'

})

function(){

console.log(‘xxx’)}

翻译：

第一步写Ajax的类型，看是GET还是post

第二部写地址，就是写你想获取的数据的地址

第三步写数据类型，比如说你获取的数据类型是一系列字符串，然后你需要的是把这让人看不懂的字符串转变为看得懂的文字，那就是用jsonp，就是需要加数据类型为jsonp，

第四步：数据，简单来说就是数据地址里面域名后面的后面的显示，比如像百度地址上面有部分就是wd=xxx，淘宝的好像就是q=xx,就是页面的内容相关的关键字，我举个列子，我搜索的是百度页面的英雄联盟，然后地址那个部分就显示的就是wd=LOL，就是后面接你想要的内容的关键字，

第五步就是回调，其实回调就是等于回调函数名，基本都是每个地址的末尾部分显示的一串字符串

第六步：写回调函数的接收是否成功还是失败，就是callback，就是你去获取网站的数据的时候，需要打印还是干其他的事，你这个时候都需要写回调这个数据的函数，当然多写一步获取失败的回调函数也行，

有没有发现这个和普通的Ajax很想，上次我发表的读书笔记和这次有着共同特点，就是都是六部，其实两者都是通用的，Ajax就是记住六步就行了