微信小程序制作开发

js原生ajax发送get和post请求实现不刷新网页数据交互代码

ieepp 开发笔记 2020-07-08 65 0

在html静态页面中使用js原生ajax发送get和post请求,可以实现不刷新网页提交或访问数据。代码如下

一、get的ajax代码
//第一步 创建ajax对象

var xhr = new XMLHttpRequest();

//第二步 打开要发送的地址
xhr.open("get","http://10.9.188.25/qbank/php/select.php");
/*
    参数1:method--->get post
    参数2:请求的地址
    参数3:布尔值  默认是false   异步true同步
*/
//第三部发送
xhr.send();
console.log(xhr.readyState)
//第四步
xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200){
        console.log(JSON.parse(xhr.responseText))
    }
}
 
二、post的ajax代码
//第一步创建ajax对象
var xhr = new XMLHttpRequest();

//打开请求的方式
xhr.open("post","http://10.9.188.25/qbank/php/insert.php");

//如果是post进行提交的时候必须设置响应头
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");

//post发送数据请求的时候参数要放在send里面
xhr.send("content=面向对象&where=this的指向&idea=多练");

xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200){
        console.log(JSON.parse(xhr.responseText))
    }else{
        console.log(xhr.status);
    }
}


发表评论

访客
此处应有掌声~

评论列表

还没有评论,快来说点什么吧~

QQ在线客服

客户服务

在线时间 上午:09:00-12:00 下午:14:00-21:00