AJAX的使用方法详解(ajax的使用场景)

编辑：rootadmin

推荐整理分享AJAX的使用方法详解(ajax的使用场景)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:ajax常用的几种方式,ajax使用代码示例,ajax常用的几种方式,ajax的使用方法和原理,ajax使用代码示例,ajax的使用步骤,ajax的使用步骤,ajax 使用,内容如对您有帮助，希望把文章链接给更多的朋友！

AJAX作为异步传输，局部刷新非常方便，用处很广！

首先，对于AJAX的使用有4步：

1.创建AJAX对象

var xmlHttp = new XMLHttpRequest();

2.建立连接（‘提交方式'，‘Url地址'）

xmlHttp.open('get','./AJAX_XML.xml');

3.判断ajax准备状态及状态码

4.发送请求

xmlHttp.send(null); //get方式参数为null,post方式，参数为提交的参数

以下以异步提交用户名（输入用户名之后，异步提交后台判断，前台立马提示是否已注册，不用提交时再判断！）

GET方式提交

xx.html

用户名： <input type="text" name="" id="username">

xx.php

1、 IE不支持中文

2、 =、&与请求的字符串的关键字相混淆。

POST提交

xx.html

用户名： <input type="text" name="" id="username">

xx.php

1、通过send()发送数据

2、必须设置setRequestHeader()将传递的参数转成XML格式

3、post提交可以直接提交中文，不需要转码

4、post请求中的字符也会和URL中的&、=字符相混淆，所以建议也要使用encodeURIComponent()编码

5、在POST提交的同时，可以进行GET提交

解决 IE不支持中文 =、&与请求的字符串的关键字相混淆问题

在js中通过encodeURIComponent()进行编码即可。

1、req.responseText：获取返回的字符串

2、req.responseXML：按DOM结构获取返回的数据

注意post/get两种提交方式的区别！

本文链接地址:https://www.jiuchutong.com/biancheng/292512.html 转载请保留说明！