首页 > Web开发 > 详细

jquery和js原生-ajax请求

时间:2019-04-19 14:20:31      阅读:124      评论:0      收藏:0      [点我收藏+]
$.ajax({
            url:"/WEB22/ajaxServlet2",//地址
            async:true,//是否异步
            type:"POST",//请求方式
            data:{"name":"lucy","age":18},//请求参数
            success:function(data){
                alert(data.name);
            },//成功函数
            error:function(){
                alert("请求失败");
            },
            dataType:"json"//返回数据类型
        });

 

function fn1(){
        //1、创建ajax引擎对象 ---- 所有的操作都是通过引擎对象
        var xmlHttp = new XMLHttpRequest();
        //2、绑定监听 ---- 监听服务器是否已经返回相应数据
        xmlHttp.onreadystatechange = function(){
            if(xmlHttp.readyState==4&&xmlHttp.status==200){
                //5、接受相应数据
                var res = xmlHttp.responseText;
                document.getElementById("span1").innerHTML = res;
            }
        }
        //3、绑定地址
        xmlHttp.open("GET","/WEB22/ajaxServlet?name=lisi",true);
        //4、发送请求
        xmlHttp.send();
        
    }
    function fn2(){
        //1、创建ajax引擎对象 ---- 所有的操作都是通过引擎对象
        var xmlHttp = new XMLHttpRequest();
        //2、绑定监听 ---- 监听服务器是否已经返回相应数据
        xmlHttp.onreadystatechange = function(){
            if(xmlHttp.readyState==4&&xmlHttp.status==200){
                //5、接受相应数据
                var res = xmlHttp.responseText;
                document.getElementById("span2").innerHTML = res;
            }
        }
        //3、绑定地址
        xmlHttp.open("POST","/WEB22/ajaxServlet",false);
        //4、发送请求
        xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlHttp.send("name=wangwu");

 

jquery和js原生-ajax请求

原文:https://www.cnblogs.com/chyxOne/p/10735369.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!