位置: 编程技术 - 正文
推荐整理分享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两种提交方式的区别!
标签: ajax的使用场景
本文链接地址:https://www.jiuchutong.com/biancheng/292512.html 转载请保留说明!上一篇:PHP实现的DES加密解密封装类完整实例(php 加密)
下一篇:php usort 使用用户自定义的比较函数对二维数组中的值进行排序(php uasort)
友情链接: 武汉网站建设