ajax请求五个步骤!
AJAX 步骤 请求 五个
2023-06-13 09:11:32 时间
大家好,又见面了,我是你们的朋友全栈君。
ajax请求五个步骤!
今天 咱们讲一讲Ajax请求五个步骤! 1.创建XMLHttpRequest异步对象
var xhr;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xhr=new XMLHttpRequest();
}
else
{
// code for IE6, IE5
xhr=new ActiveXObject("Microsoft.XMLHTTP");
}
2.设置回调函数
xhr.onreadystatechange = callback
3.使用open方法与服务器建立连接
// get 方式
xhr.open("get", "test.php", true)
// post 方式发送数据 需要设置请求头
xhr.open("post", "test.php", true)
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
4.向服务器发送数据
// get 不需要传递参数
xhr.send(null)
// post 需要传递参数
xhr.send("name=jay&age=18")
5.在回调函数中针对不同的响应状态进行处理
function callback() {
// 判断异步对象的状态
if(xhr.readyState == 4) {
// 判断交互是否成功
if(xhr.status == 200) {
// 获取服务器响应的数据
var res = xhr.responseText
// 解析数据
res = JSON.parse(res)
}
}
}
最后补充一下哈 !
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/145240.html原文链接:https://javaforall.cn
相关文章
- Spring MVC框架:第十一章:Ajax
- Ajax清晰请求步骤与代码
- Ajax发送请求的四个步骤
- java实现ajax_Ajax&Java
- 使用Ajax轻松访问和操作MySQL数据库(ajax访问mysql)
- Ajax实现从MySQL读取数据(ajax 读取mysql)
- Ajax注册MySQL极速轻量注册引擎(ajax注册mysql)
- MySQL与Ajax 精彩无穷的开发实现(ajax与mysql)
- AJAX技术简化Oracle数据库的访问处理(ajax连接oracle)
- 使用Ajax与Oracle实现极致可靠性开发(ajax oracle)
- 不用ajax实现点击文字即可编辑的方法
- 用Ajax读取xml文件的简单例子
- php+AJAX传送中文会导致乱码的问题的解决方法
- 四步学会Ajax
- AJAX自学练习请求与显示
- ajax页面无刷新IE下遭遇Ajax缓存导致数据不更新的问题
- Jquery使用FirefoxFireBug插件调试Ajax步骤讲解
- ajax提交表单实现网页无刷新注册示例
- herf=#导致Ajax请求时没有向后台发送数据
- ajax跨域请求js拒绝访问的解决方法