jquery里的Ajax操作

 jQery对Ajax操作进行了封装,常见的 ajax()属于最底层的方法,使用频率很高的 $.post()、$.get() 是在最底层的基础上又细分出来封装的一层,因为其分别对应的ajax()中 type的 post、get。

一、$.ajax,这是jQuery中Ajax的底层方法


$.ajax({
            url:"url",// 请求地址
            type:"get",
            data:{// 传递参数
                username:"admin",
                password:"123123"
            },
            dataType:"json",
            error:function() {/*请求失败时的操作*/
                // 系统超时等错误提示
            },
            success:function(data){/*请求成功时的回调函数*/
                // dom操作,处理数据
            }
        })

二、 $.post,这个函数其实就是对$.ajax进行了更进一步的封装,减少了参数,简化了操作,但是运用的范围更小
    $.post(
            "url",
            {username:"admin", password:"123"},
            function(data){

            }
        );
三、 $.get
    $.get(
            "url",
            {username:"admin", password:"123"},
            function(data){

            }
        );

$.post 和&.get区别:


    ① 方式不同, 一般表单的提交中get请求会让参数显示在url 栏中进行传递,post请求是作为http消息的实体内容发送给后台

    ② 大小不同, get请求是以url 传递参数的,所以会有大小限制,而post则可以传更多更大的数据

    ③ 安全性不同, get请求的数据会被浏览器缓存起来,可在历史记录中查看,对于密码等某些信息会不安全



你可能感兴趣的:(jquery里的Ajax操作)