jQuery 封装 ajax 的使用方法

在 jQuery 中对数据库进行请求的常用方法一般是 $.ajax({}) ,当然还是有其它的方法的,通常是 $.get 、 $.post 方法。

首先我们先说一下相比而言最常见的一种

$.ajax

$.ajax({
            url: 'wjt.php',
            data: {} ,
            datatype: 'json',
            succsee: function(res){},
    })  

上面的是我们的 ajax 最常用的四种参数,分别是 要请求的地址、传参,对象形式、定义 json 自动解析返回的 json串、函数。成功时要执行的函数,下面是对它的详细介绍:

普通的ajax请求
                    常用参数:
                        url:地址
                        data: {} 传参,对象形式
                        dataType : json , 转化json串
                        success : 函数,成功时执行的函数,回调函数
                    其他参数:
                        async : 是否异步
                        error : 请求错误时执行的函数
                        timeout : 设定超时时效 单位是毫秒
                                  异步执行才起作用
                        cache : 是否缓存 ,,默认 true 
                                必须是get方式,post方式不会缓存,设定了也没有效果
                        context : 定义函数的this指向

跨域的情况

跨域请求
                    服务器代理
                        只要配置好服务器代理设置
                        可以直接完成代理跨域请求

                    jsonp方式
                        dataType : 必须定义为 jsonp
                        jsonp : 定义回调函数的名称,默认值是 callback
                                要根据后端程序需求而定

                        php中,响应体是拼接的形式
                            echo "变量存储函数(" . json_encode(返回的响应体) . ")";

$.get 、 $.post 方法

这两种方法没有什么大的区别,只不过 get 方法通常用于搜索的,在浏览器上面是可见的,所以不太有隐私啊!

而 post 方法恰恰没有这个缺点,例如我们通常在登陆注册账号时一般都用 post 方法

            get
                $.get({
                    url:地址
                    data: {} 传参,对象形式
                    dataType : 默认值是字符串string
                               定义 json 会自动解析返回的json串
                    success : 函数,成功时执行的函数,回调函数
                })
            post
                $.post({
                    url:地址
                    data: {} 传参,对象形式
                    dataType : 默认值是字符串string
                               定义 json 会自动解析返回的json串
                    success : 函数,成功时执行的函数,回调函数
                })

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值