zoukankan      html  css  js  c++  java
  • ajax

    ...

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>示例</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    
    </head>
    <body>
     
    <button onclick="cs()" >获取信息</button> 
    
    </body>
    <script> 
    
    function cs (){
        $.ajax({ 
            url:"wrongfile.txt",
            dataType:"json",   //返回格式为json
            async:true,//请求是否异步,默认为异步,这也是ajax重要特性
            // data:{"id":"value"},    //参数值
            type:"POST",   //请求方式
            beforeSend:function(){ //请求前的处理
            },
            success: function(mag){//success指的是请求并成功返回信息 //msg是返回的内容
                alert(mag);
            },
            complete:function(){ //请求完成的处理
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(jqXHR.responseText); // 服务器响应返回的文本信息
                console.log(jqXHR.status); // 返回的HTTP状态码,比如常见的404,500等错误代码
                console.log(jqXHR.readyState); // 当前状态,0-未初始化,1-正在载入,2-已经载入,3-数据进行交互,4-完成
                console.log(jqXHR.statusText); // 对应状态码的错误信息
                //弹出其他两个参数的信息 
                console.log(textStatus); // "timeout"(超时), "error"(错误), "abort"(中止), "parsererror"(解析错误),还有可能返回空值
                console.log(errorThrown); // 如果产生的是HTTP错误,那么返回的信息就是HTTP状态码对应的错误信息 
            }
            
        });
    }
    </script>
    </html>

    ...

  • 相关阅读:
    vue-cli与后台数据交互增删改查
    echart地图下钻
    Vue中data重置问题
    页面滚动tab监听
    less笔记
    bootstrap-table 行内编辑
    bootstrap-table固定表头固定列
    微信分享配置(js-sdk)
    npm查看全局安装过的包
    页面固定定位超出一屏
  • 原文地址:https://www.cnblogs.com/mysterious-killer/p/11239015.html
Copyright © 2011-2022 走看看