深圳网站建设网站制作网站设计,在家做网站怎么赚钱,安卓移动端开发,如何给公司建立网站AJAX#xff08;Asynchronous JavaScript and XML#xff09;是一种在无需重新加载整个网页的情况下#xff0c;能够更新部分网页的技术。也就是实现前后端交互的功能。以下是使用AJAX的基本步骤和代码演示#xff1a;
1.创建一个XMLHttpRequest对象#xff1a;
var xhr…AJAXAsynchronous JavaScript and XML是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。也就是实现前后端交互的功能。以下是使用AJAX的基本步骤和代码演示
1.创建一个XMLHttpRequest对象
var xhr new XMLHttpRequest();2. 初始化请求
xhr.open(GET, https://api.example.com/data, true);这里的第一个参数是请求类型如GET、POST等第二个参数是请求的URL浏览器地址第三个参数表示是否异步true为异步大多false为同步。
3.设置请求完成时的回调函数
xhr.onreadystatechange function() {if (xhr.readyState 4 xhr.status 200) {// 请求成功处理返回的数据// 可以在这里对请求的数据进行处理console.log(xhr.responseText);}
};4.发送请求数据
1POST请求
xhr.send(obj);在用这个方法的时候通常与这个方法**xhr.setRequestHeader()**一起用也就是设置请求头的代码演示
xhr.setRequestHeader(Content-Type, application/json) //设置请求的数据类型为json
xhr.send(JSON.stringify({phone: mobile
}))2GET请求
数据一般都在初始化请求里面的地址url中 示例比如说我要向服务端传递一个mobile电话号此时是GET请求就应该写在初始化请求里面的地址url中如下所示第二个参数url
xhr.open(get, http://192.168.1.9:3000/check-phone?phonemobile, true)5.完整代码
var xhr new XMLHttpRequest();
xhr.open(GET, https://api.example.com/data, true);
xhr.onreadystatechange function() {if (xhr.readyState 4 xhr.status 200) {// 请求成功处理返回的数据console.log(xhr.responseText);}
};
xhr.send();
