原生ajax----发送get和post请求篇原生ajax发送get和post请求

124 阅读 0 评论 82 点赞

我是靠谱客的博主细腻大白，这篇文章主要介绍原生ajax----发送get和post请求篇原生ajax发送get和post请求，现在分享给大家，希望可以做个参考。

原生ajax发送get和post请求

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script>
// get
// 创建ajax对象
var ajaxGet = new XMLHttpRequest()
// 配置请求方式和请求地址
ajaxGet.open('get','http://139.9.177.51:3333/api/testGet?name=小艾')
// 发送
ajaxGet.send()
// 监听状态和接受数据
ajaxGet.onreadystatechange = function(){
if(ajaxGet.readyState===4&&ajaxGet.status===200){
console.log(ajaxGet.responseText);
}
}
// post
// 创建ajax对象
var ajaxPost = new XMLHttpRequest()
// 配置请求方式和请求地址
ajaxPost.open('post','http://139.9.177.51:3333/api/testPost')
// 设置请求头
ajaxPost.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
// 发送
ajaxPost.send('name=小艾')
// 监听状态和接受数据
ajaxPost.onreadystatechange = function(){
if(ajaxPost.readyState===4&&ajaxPost.status===200){
console.log(ajaxPost.responseText);
}
}
</script>