zoukankan      html  css  js  c++  java
  • jquery和js原生-ajax请求

    $.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");
  • 相关阅读:
    可持久化线段树学习笔记
    P1084 疫情控制
    Educational Codeforces Round 71 (Rated for Div. 2)
    Codeforces Round #587 (Div. 3)
    luogu P1886滑动窗口
    Codeforces Round #574 (Div. 2)
    luogu P1880 [NOI1995]石子合并
    [JZOJ3521]道路覆盖--状压DP
    [NOIP2018模拟赛10.19]只会暴力报告
    [NOIP2018模拟赛10.18]自闭报告
  • 原文地址:https://www.cnblogs.com/chyxOne/p/10735369.html
Copyright © 2011-2022 走看看