Ajax

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({
                url:ctxtPath+"/design/getDesign/"+ s,
                type:'POST', //GET
                async:false,    //或false,是否异步
                timeout:5000,    //超时时间
                dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
                success:function(data,textStatus,jqXHR){
                    if(data.projectStatus=='3'||data.projectStatus=='2'||data.projectStatus=='1'||data.projectStatus=='6'||data.projectStatus=='8'){
                        flag = false;
                    }else{
                        flag = true;
                    }
                }
            });