码迷,mamicode.com
首页 > Web开发 > 详细

Ajax

时间:2019-11-30 09:59:03      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:数据   index   func   默认   服务   data   post   code   发送   

ajax请求

常用参数:

    1、url 请求地址
    2、type 请求方式,默认是’GET’,常用的还有’POST’
    3、dataType 设置返回的数据格式,常用的是’json’格式,也可以设置为’text’,也可以不设置,浏览器有容错功能,会按照收到的数据的格式自行匹配格式解析
    4、data 设置发送给服务器的数据
    5、success 设置请求成功后的回调函数
    6、error 设置请求失败后的回调函数
1.ajax请求写法1

    <script>
        $(function () {
            $.ajax({  // 设置ajax的参数
                
               
                url: ‘/index_data‘,   // 请求数据的url地址:接口地址
                
                type: ‘get‘,    // 请求数据方式:get  post
                
                dataType: ‘json‘,  // 返回的数据格式  json
               
                data:{"code":"30026"},   // data:发送给接口的数据
                
                success: function (dat) {  // 请求成功之后要执行的回调函数
                    //dat:服务端返回的数据
                    console.log(dat)
                },
                
                error: function (e) {  // 请求失败后执行的函数
                    alert(‘请求失败‘)
                }
            })
        })
    </script>

  

2.ajax请求写法2(推荐)

    <script>
        $(function () {
            $.ajax({
                url: ‘/index_data‘, //请求地址
                type: ‘get‘, //请求方式
                dataType: ‘json‘, //返回的数据格式
                data:{‘code‘:"000007"}
            })
            .done(function (dat) {
                    //请求成功后的回调函数
                    console.log(dat)
                })
            .fail(function (e) {
                    //请求失败的回调函数
                    alert(‘请求失败‘)
                })
        })
    </script>



3.ajax请求写法3(化简写法)

    <script>  
        $(function () {
            $.get("/add_data", {"code":"000007"},
              function(dat){
                //请求成功时回调函数
                alert(dat)
            })
        })
        //该写法基本上不会用到
    </script>

Ajax

标签:数据   index   func   默认   服务   data   post   code   发送   

原文地址:https://www.cnblogs.com/layuechuquwan/p/11961254.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!