Ajax和Json

发布时间：2020-12-16 02:44:13 所属栏目：百科来源：网络整理

导读：1、什么是Ajax? Ajax 即"Asynchronous Javascript And XML"（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换， Ajax ?可以使网页实现

1、什么是Ajax?　

　　Ajax 即"Asynchronous Javascript And XML"（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换，

　　Ajax ?可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

　　简单来说：Ajax就是异步加载,局部刷新

2、JQuery的ajax：底层封装了JS的ajax代码，做了浏览器的兼容性。

　　程序员仅需要调用简单的JQ的AJAX方法，就可以实现复杂的AJAX功能。

少量代码，实现复杂功能
浏览器兼容性好，一处编写，处处执行

3、应用场景

　　注册重名验证

　　自动补全等

4、同步和异步的区别

　　同步方式发送请求

　　　　发送一个请求，需要等待响应返回，然后才能够发送下一个请求。

　　　　如果该请求没有响应，不能发送下一个请求，客户端会处于一直等待过程中。

　　异步方式发送请求

　　　　发送一个请求，不需要等待响应返回，随时可以再发送下一个请求，即不需要等待。

5、第一种方式

$(function(){
    $("#username").blur(function(){
        //发送请求,进行验证,验证用户名是否存在
        //1.创建xmlhttpRequest对象
        var request = new XMLHttpRequest();
        //2.获取连接
        
        //参数:1.请求方式2.请求的路径是否以异步方式提交
         
        request.open("post","login1",true);
        request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
        //3.发送请求
        request.send("username="+this.value);
        //4.获取响应的文本
        //监听readystate值的改变你事件
        request.onreadystatechange = function(){
            //当readyState为4时,表示请求结束
            if(request.readyState == 4){
                //获取响应的文本
                var msg = request.responseText;
                if(msg == "恭喜你，该用户名可以使用"){
                    $("#span1").css("color","green").html(msg);
                }else{
                    $("#span1").css("color","red").html(msg);
                }
            }
        }
    });
});

　　第二种方式　　.ajax()

$(function(){
    //ajax中各个参数之间用，隔开
    $("#username").blur(function(){
        $.ajax({
            type:"get",//请求类型
            url:"login1",//请求路径
            data:"username="+this.value,//请求参数
            dataType:"text",//预期返回的数据类型
            success:function(res){            //请求成功时的回调函数，参数为返回的文本内容
                if(res == "恭喜你，该用户名可以使用"){
                    $("#span1").css("color","green").html(res);
                }else{
                    $("#span1").css("color","red").html(res);
                }
            }
        
        });
        
    });
});

　　第三种方式

$(function(){
    $("#username").blur(function(){

        $.post("login1?mark=check",{username:this.value},function(res){
                if(res == "恭喜你，该用户名可以使用"){
                    $("#span1").css("color","green").html(res);
                    $("#sub").prop("disabled",false);
                }else{
                    $("#span1").css("color","red").html(res);
                    $("#sub").prop("disabled",true);
                }
            },"text"
        );
        
    });
})

JSON的简介

JSON是一个中特殊的格式,该格式可以表示一个JS的对象

JSON要求一个特殊的格式:

以”{”开始,以”}”结束.
对象中的属性名和属性值使用”:”分割,
多个属性之间,使用”,”风格
使用[]表示一个对象的数组.

JSON的工具包

　　Jackson ??fastjson(阿里) ??gson(谷歌)

　　都可以将对象和json格式的字符串进行相互的转化.

　　对象转为字符串:

　　　　JSON.toJSONString(Object obj);

　　字符串转为对象:

　　　　JSON.parSEObject(String,Class);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!