• 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;
                        }
                    }
                });

  • 相关阅读:
    js事件之event.preventDefault()与event.stopPropagation()用法区别
    [转] The program can't start because api-ms-win-crt-runtime-l1-1-0.dll is missing
    [转] Visual Studio Code behind a proxy
    [转] js == 与 === 的区别
    [转]说说C#的async和await
    [转]Sublime Text3注册码(可用)
    Oracle 12c
    SQL Server死锁
    Initialize the Storage Emulator by Using the Command-Line Tool
    Microsoft Fakes
  • 原文地址:https://www.cnblogs.com/layuechuquwan/p/11961254.html
Copyright © 2020-2023  润新知