原生javascript中的的AJAX写法

简介: js中ajax get请求的写法var xhr=new XMLHttpRequest(); xhr.open('get','请求地址') xhr.send(); xhr.

js中ajax get请求的写法

var xhr=new XMLHttpRequest();
            xhr.open('get','请求地址')
            xhr.send();
            xhr.onreadystatechange=function () {
                if (xhr.readyState==4) {
                    // console.log(xhr.responeText
                }
            }

js中post请求的写法

var xhr = new XMLHttpRequest();
xhr.open('post',"请求地址",true);
// 如果是post请求 必须加上请求头
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send("userName="+user.value+'&passWord='+pass.value);
xhr.onreadystatechange =function(){
 if (xhr.readyState==4) {
 var obj = JSON.parse(xhr.responseText);
 console.log(obj.responseCode);
 if (obj.responseCode=="0") {
 window.location.href = "denglu.html"
 }
 }
}
相关文章
|
14天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
16 0
|
15天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
2月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
53 1
|
15天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
3月前
|
前端开发 JavaScript 索引
|
1天前
|
JavaScript 前端开发 UED
深入解析JavaScript原生操作DOM技术
【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术,包括使用`getElement*`方法和CSS选择器获取元素,借助`createElement`与`appendChild`动态创建及插入元素,修改元素内容、属性和样式,以及删除元素。通过掌握这些技术,开发者能实现页面动态交互,但应注意避免过度操作DOM以优化性能和用户体验。
|
15天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
1月前
|
JavaScript 前端开发
node.js第四天--ajax在项目中的应用
node.js第四天--ajax在项目中的应用
27 0
|
1月前
|
XML 前端开发 JavaScript
node.js第三天-----ajax(3)
node.js第三天-----ajax(3)
26 0
|
1月前
|
JSON JavaScript 前端开发
node.js第三天-----ajax(2)
node.js第三天-----ajax(2)
23 0