Ajax复习

1、标准请求响应时浏览器的动作（同步操作）

　　1.1 浏览器请求什么资源，跟随显示什么资源

2、ajax：异步请求：

　　2.1 局部刷新，通过异步请求，请求到服务器资源数据后，通过脚本修改页面中部分内容

3、ajax由javascript推出的

　　3.1 由jquery对js中ajax代码进行的封装，达到使用方便的效果

4、jquery中ajax分类

　　4.1 第一层 $.ajax({属性名：值，属性名：值})

　　　　4.1.1 是jquery中功能最全的，代码写起来相对麻烦的

　　　　4.1.2 实例代码

    <script type="text/javascript">
    $(function(){
        /* url: 请求服务器地址
            data：请求参数
            dataType：服务器返回数据类型
            error：请求出错执行的功能
            success：请求成功执行的功能，function(data)  data服务器返回的数据
            type：请求方式
        */
        $("a").click(function(){
            $.ajax({
                url:'demo',
                data:{"name":"张三"},
                dataType:'html',
                error:function(){
                    alert("请求出错")
                },
                success:function(data){
                    alert("请求成功"+data)
                },
                type:'POST'
            });
            return false;
        })
    });    
    </script>

　　4.2 第二层 （简化$.ajax）

　　　　4.2.1 $.get(url,data,success,dataType)

　　　　4.2.2 $.post(url,data,success,dataType)

 <script type="text/javascript" src="js/jquery-1.7.2.js""></script>
 <script type="text/javascript">
   $(function(){
   $("a").click(function(){
   $.post('demo',{name:"卡卡"},function(data){
                alert("您请求的数据"+data);
            });
            return false;
        })
    });    
  </script>

　　4.3 第三层 (简化 $.ajax)

　　　　4.3.1 $.getJSON(url,data,seccess)  相当于设置$.get中dataType="json"

　　　　4.3.2 $.getScript(url,data,success) 相当于设置 $.get中dataType="script"

5、如果服务器返回数据是从表中取出，为了方便客户端操作返回的数据，服务器端返回的数据设置成json

　　5.1 客户端把json当做对象或数组操作

6、json：数据格式

　　6.1 JsonObject：json对象，理解成java对象

　　　　6.1.1{"key":value,"key":value}

　　6.2 JsonArray:json数组

　　　　6.2.1 [{"key":value,"key":value},{},{}]

 

转载于:https://www.cnblogs.com/axu521/p/10157084.html