ajax

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>ajax</title>
        <style type="text/css">
            
        </style>
        <script type="text/javascript" src="../项目/js/jquery-1.12.4.min.js"></script>
        <script type="text/javascript">
            $.ajax({
                url: 'data.json',//请求的服务器路径，实际开发中写文档接口的路径
                type: 'get',//分get/post请求，涉及隐私或安全性要求较高的用post、安全要求不高及数据量较小的用get
                dataType: 'json',//要读取什么格式的数据，还可以是xml script html upload等
                // data:{page:1}//请求时要携带的参数
            })
            .done(function(data){//成功的时候会执行的函数，参数data是从后台接收到的数据，这里是json格式的字符串
                alert(data.name);
                console.log(data);
            })
            .fail(function(){//失败的时候会执行的函数
                alert("error");
            })
            /*
            .fail(function(XMLHttpRequest, textStatus, errorThrown) {//失败（带参数）
                console.log("error");
                // 状态码
                console.log(XMLHttpRequest.status);
                // 状态
                console.log(XMLHttpRequest.readyState);
                // 错误信息   
                console.log(textStatus);
            })
            .always(function(){//不论成功与否都会执行
                console.log("always");
            })
            */;
        </script>
    </head>
    <body>
        
    </body>
    </html>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容