原生Ajax请求

1、使用nodejs配置本地服务器

2、在浏览器运行程序,并发送数据请求

3、在路由中拦截请求,调用控制器中相应方法getStuData,返回数据

router.get("/student.do",stuCtrl.getStuData)

4、使用ajax获得数据

function getData() {
                // 获取ajax对象
                if(window.XMLHttpRequest){
                    var xhr=new XMLHttpRequest();//DOM获取ajax对象的方法
                }else{
                    var xhr=new ActiveXObject("Microsoft.XMLHTTP");//ie获取ajax对象的方法
                }
                // 打开ajax对象参数(1.请求方式 2.请求地址和发送数据 3.同步(false)或者异步(true)
                xhr.open("get","/student.do?data",true);
                // 利用ajax对象发送数据
                xhr.send("mydata="+data+"&num="+num);
              	/*  
                  	//post方法·
                    xhr.open("post","/student.do",true);
                    // 添加http头,发送信息至服务器时内容编码类型
					xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
                    xhr.send("mydata="+data+"&num="+num);
                */
                // ajax请求结束所触发的事件
                xhr.onreadystatechange=function () {//回调函数
                    if(xhr.readyState==4&&xhr.status==200){
                        console.log("响应完毕");
                        //获得数据,并转为JSON格式
                        let stuArr=JSON.parse(xhr.responseText);  
                        //进行其他的数据操作

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值