原生ajax发送get和post请求

<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>

最后

以上就是细腻大白为你收集整理的原生ajax----发送get和post请求篇原生ajax发送get和post请求的全部内容，希望文章能够帮你解决原生ajax----发送get和post请求篇原生ajax发送get和post请求所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。