jquery里的Ajax操作

最新推荐文章于 2025-09-05 11:31:06 发布

原创最新推荐文章于 2025-09-05 11:31:06 发布 · 364 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jquery #数据

本文介绍了jQery中处理Ajax请求的几种方法，包括最底层的$.ajax()及其更高级封装的$.post()和$.get()。文章对比了这些方法的使用场景，并解释了它们之间的主要区别。

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请求的数据会被浏览器缓存起来，可在历史记录中查看，对于密码等某些信息会不安全