博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ajax 整理
阅读量:4508 次
发布时间:2019-06-08

本文共 2874 字,大约阅读时间需要 9 分钟。

ajax:通过在后台与服务器进行少量数据交换,使网页实现异步更新。也就是在不刷新页面的情况下,对网页的某些部分进行更新。

 

一、XMLHttpRequest用法

1  2  3  4     
5 ajax 6 7 8
9
10 用户:
11 信息:
12
13
14
15
16 17
18 19 20 64
1 

判断浏览器的兼容性:

1 var xmlhttp;   2    3             function submit(){   4                 //1.创建XHLHttpRequest对象   5                 if(window.XMLHttpRequest){   6                     //alert("IE7,IE8 ,FireFox。Mozillar、Safari,Opera");   7                     //IE7,IE8 ,FireFox。Mozillar、Safari,Opera   8                     xmlhttp=new XMLHttpRequest();   9                     if(xmlhttp.overrideMimeType){  10                         xmlhttp.overrideMimeType("text/xml");  11                     }  12                 }else if(window.ActiveXObject){  13                     //IE6,IE6.5 IE5  14                     alert("IE6,IE6.5 IE5");  15                     var activexName = ['MSXML2.XMLHTTP.6.0', 'MSXML2.XMLHTTP.5.0',  16                         'MSXML2.XMLHTTP.4.0', 'msxml2.xmlhttp.3.0', 'MSXML2.XMLHTTP.2.0',  17                         'MSXML2.XMLHTTP.1.0'];  18                     for(var i = 0; i < activexName.length; i ++){  19                         try{  20                             xmlhttp = new ActiveXObject(activexName[i]);  21                             break;  22                         }catch(e){      23   24                         }  25                     }  26                  }  27                  if(xmlhttp == undefined || xmlhttp == null){  28                      alert("当前浏览器不支持穿件XMLHttpRequest对象,请更换浏览器");  29                      return;  30                  }31                  // 提交数据部分 。。。。32             }

 

方法属性:

方法和属性

描述

Open(String method,String url,Boolean ansynch,String username,String password)

指定和服务器端交互的HTTP方法,URL地址及其他请求信息。

其中method表示HTTP请求方法。支持所有HTTP的方法,一般使用“GET”,“POST”url表示请求的服务器的地址

Asynch表示是否采取异步方式,true表示异步,false表示同步

后两个参数可以不指定,usrename和password分别表示用户名和密码,提供http认证机制需要的用户名和密码

Send(content)

向服务器发出请求,如果采用异步方式,该方法会立即返回

Content可以不指定或者指定为null表示不发送数据

其内容可以使DOM对象,输入流或是字符串

 

setRequestHeader(String header,String value)

设置HTTP请求中的指定头部header的值为value。

次方法需在open方法以后调用

getAllReponseHeader()

返回包含HTTP的所有响应头包括Content-Length,Date,URI等内容

返回值是一个字符串,包含所有头信息,其中每一个键名和键值用冒号分开,每一组键之间用CR和LF(回车加换行符)来分隔

GetResponseHeader(String header)

返回HTTP响应头中指定的键名header对应的值

Abort()

停止当前http请求,对应的XMLHttpRequest对象会复位到未初始化的状态

responseText

服务器响应的文本内容

ResponseXML

服务器响应的XML内容对应的DOM对象

Status

服务器返回的http状态码

200表示“成功”,404表示“未找到”。500表示“服务器内容部错误”

statusText

服务器返回状态码的文本信息

readyState

表示XMLHttpRequest对象的状态

0=未初始化。对象已创建,未调用open

1=open方法成功调用以后。Send方法未调用

2=send方法已经调用,尚未开始接受数据

3=正在接受数据。Http响应头信息已经接受,响应数据尚未接受完成。

4=完成。响应数据接受完成。

Onreadystatechage

请求状态改变的时间触发器(readyState变化时会调用这个属性上注册的javascript函数)

 

转载于:https://www.cnblogs.com/wsybky/p/8630703.html

你可能感兴趣的文章
状压DP泛做
查看>>
The New Stack:KubeEdge将Kubernetes的能力延伸至边缘
查看>>
Datatable的Select()
查看>>
Django之中间件
查看>>
博客作业05--查找
查看>>
SQL面试题目汇总
查看>>
为何img、input等内联元素可以设置宽、高
查看>>
Java知识总结---整合SpringMVC+Mybatis+Spring(二)
查看>>
android android:duplicateParentState=&quot;true&quot; &quot;false&quot;
查看>>
HDU 3507 Print Article (斜率优化)
查看>>
Web 设计师的 50 个超便利工具(下)
查看>>
C++底层数据结构实现
查看>>
Python学习(二)
查看>>
如何提高Linq查询的性能(上)
查看>>
敏捷开发相关编辑思想(SOA、DDD、REST、CQRS)
查看>>
Qt中mysql编译出错问题
查看>>
resin3服务器resin.conf文件的配置
查看>>
ubuntu下codeblocks编译出现libxxx.so needed by xxx.so not found
查看>>
effective C++ 条款 40:明智而审慎地使用多重继承
查看>>
三维渲染引擎设计与实践(五)
查看>>