Ajax对象下的属性和方法和Ajax中的get请求方法

2025-11-05 10:44:31

1、1.相关方法:

1)open(method,url) :初始化Ajax对象(以什么请求向某个服务器端页面发送请求)

参数说明:

method:要发送的http请求(get或post)

url:向哪个url页面发送请求

2)setRequestHeader(header,value) :设置请求头信息

参数说明:

header:请求头

value:请求头信息

3)send(content) :发送Ajax请求(把open规划在send方法中执行)

参数说明:

content:追加在请求空白行的信息,如果是get请求,此参数为null

         如果是post请求,此参数为要传递的参数

在http请求中,任何的一个请求(无论是get或post)在发送请求时都会传递三个参数:

① 请求行 ② 请求头 ③ 请求空白行

特别注意:如果是get请求,请求空白行是null(空的)

Ajax对象下的属性和方法和Ajax中的get请求方法

2、2.相关属性:

1)onreadystatechange :当Ajax状态码改变时所触发的回调函数

2)readyState :Ajax状态码

0:表示对象已建立,但未初始化(调用了createXhr方法,但未执行open方法)

1:表示对象已初始化,但未发送(调用了open方法,但未执行send方法)

2:已调用send方法进行请求 (调用了send方法)

3:正在接收数据(接收到一部分)状态码变为3

4:接收完成(所有数据都完全返回值)4

3)status :响应状态码,200正常响应,404没有找到页面

4)statusText :(了解)响应状态文本

5)reponseText :响应文本,如果服务器端返回字符串就使用responseText进行接收

6)responseXML:响应文本,如果服务器端返回xml就使用responseXML进行接收

Ajax对象下的属性和方法和Ajax中的get请求方法

3、3.Ajax中的get请求五步走

第一步:创建Ajax对象

第二步:设置回调函数  onreadystatechange

第三步:初始化Ajax对象

第四步:发送Ajax请求

第五步:判断与执行  判断Ajax状态为4,输出相应结果(responseText、responseXML)

Ajax对象下的属性和方法和Ajax中的get请求方法

Ajax对象下的属性和方法和Ajax中的get请求方法

4、4.php代码

Ajax对象下的属性和方法和Ajax中的get请求方法

5、5.运行结果:

Ajax对象下的属性和方法和Ajax中的get请求方法

6、6.使用Ajax中的get请求传参

例:使用Ajax中的get请求传递手机号码

Ajax对象下的属性和方法和Ajax中的get请求方法

Ajax对象下的属性和方法和Ajax中的get请求方法

7、7.PHP代码

Ajax对象下的属性和方法和Ajax中的get请求方法

8、8.运行结果:

Ajax对象下的属性和方法和Ajax中的get请求方法

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢