当当当当！！！Ajax发送请求及处理

Posted 2021-04-15 Java程序员联盟

啊!

对于Ajax最开始学习的时候,我总是觉得他有一种神秘又深奥复杂的感觉,所以始终学不会。

是车....不是扯淡的扯....

所以我一直觉得这玩意好牛逼啊 刚刚就亲手把Ajax里面的源生dom写法写了一遍。算是加深自己印象 再学一学。

因为是我用Txt写的 所以如果有错误的话。你TMD的来咬我啊？啦啦啦！

 发送GET请求及处理文本方式响应

逐步解读：

//1.创建XMLHttpRequest对象。

if(window.XMLHttpRequest){//返回值为true时,说明是新版本的IE或其他浏览器。

//每次写到这里的时候我在心里都想狠狠的骂一句娘。就只有微软爱玩另类

//搞得程序员每次都得多写两行代码。

//当然。这也不只是大家用Linux的原因。。。

xmlHttpRequest = new XMLHttpRequest();

}else{//返回值为false时,说明是老版本的IE(包括IE5和IE6)

xmlHttpRequest = new ActiceXObject('Microsoft.XMLHTTP');

}

//2.设置回调函数。

xmlHttpRequest.onreadystatechange = callBack;

//3.初始化XMLHttpRequest组件。

xmlHttpRequest.open('GET',url,true);

//4.发送请求。

xmlHttpRequest.se nd(null);

//回调函数callBack的关键代码。

function callBack(){

if(xmlHttoRequest.readyState == 4 && xmlHttpRequest.status == 200){

var b = xmlHttpRequest.responseTest;

//这里应该没啥不好理解的吧。

//反正我照书上这么抄下来 是好使的！

//嗯好使就行呗你管他呢！这就是回调一个xmlHttpRequest.responseTest;

//反正我也不知道怎么回事

};

};

 发送POST请求及处理文本方式响应

逐步解读：

//1.创建XMLHttpRequest对象。

if(window.XMLHttpRequest){//返回值为true时,说明是新版本IE或其他浏览器。

xmlHttpRequest = new XMLHttpRequest();

}else{//返回值为false时,说明是老版本IE(包括IE5和IE6)

xmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP');

};

//2.设置回调函数。

xmlHttpRequest.onreadystatechange = callBack;

//3.初始化XMLHttpRequest组件。

xmlHttpRequest.open('POST',url,true);

xmlHttpRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

//4.发送请求 。

var userinfo='uname='+uname;//需要发送的数据信息。

xmlHttpRequest.send(userinfo);

//总的来说和上面差不多。嗯。真的差不多 就是后面3 4吧 稍微有点变化。

//无非就是post得 大家 暗示着去传递信息。 你不能像get一样明面上展示出来啊！

//这就好像是胸罩！大家都有。不是。。。呸。。。我没有。。。就是。。。反正你得暗示一下！

 发送GET请求及处理XML方式响应

//XmlDocument对象的常用属性。

//attributes当前节点的属性集合。

//childNodes当前节点的所有子节点。

//firstChild节点的第一子节点。

//我始终觉得管子节点叫child很别扭。。。因为子节点下面的孙子节点还是child

//发生这种情况只可能因为——————这是个二胎！！

//XmlDocument对象的常用方法。

//getElementsByTagName_r();用来获取指定节点迷宫的节点对象集合。参数为节点名称字符串。

//selectSingleNode();用来获取复合条件的第一个节点对象。

//selectNodes()用来获取复合条件的节点对象集合。

function callBack(){

if(xmlHttoRequest.readyState == 4 && xmlHttpRequest.status ==200){

var dom = xmlHttpRequest.responseXML;//获取服务器端返回的XML形式的文档对象。

if(dom){

var userNodes = dom.getElementsVtTagName();//获取节点名为:'username'的节点对象集合。

if(userNodes.length > 0){

var username = userNodes[0].firstChild.nodeValue;//获取该节点对象集合中的第一个子节点值

document.getElementByIdx_x_x('username').value = username;

}}

}}

 轮询

我是一个小说家。忽然觉得。

我TM不出一本教科书实在是愧对自己了。如果有书商愿意赞助我出一本关于JAVA JS JSP的书的话

请联系我。。。

哦对了。以上是源生dom里面Ajax的写法。我写出来主要是为了以后温故而知新。

不过这个时候我要告诉你 这玩意工作以后用不到 你会不会咬我？

对了 文章开头提到的群是这个：329624682，据说群主很流弊！！

Java程序员联盟

微信号： javalm (←长按复制)

倾力打造Java程序员联盟第一品牌