jQuery-ajax常用参数

人间小美味695

已于 2022-11-19 23:17:09 修改

阅读量349

点赞数 1

分类专栏： # jQuery # Note 文章标签： jquery html ajax

于 2021-04-23 09:37:34 首次发布

本文链接：https://blog.csdn.net/cainiaoyihao_/article/details/115911925

版权

jQuery 同时被 2 个专栏收录

10 篇文章 1 订阅

订阅专栏

Note

8 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jQuery-ajax常用参数</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

    <script>
        let msg = "hello"

        ! function(window, document, $, undefined) {
            $.ajax({
                type: "get",
                // 请求方式，默认get，也可以为post（put/delete等仅部分浏览器可用）
                url: "https://www.baidu.com/sugrec?cb=?",
                // String类型，发送请求地址
                timeout: 500,
                // 超时设置， 默认单位毫秒， 会覆盖$.ajaxSetup()方法 的全局设置
                async: true,
                // 默认为true， 所有请求均为异步， 如为false， 为同步；同步将锁住浏览器，其他操作只有等待完成之后才可执行
                cache: false,
                // 缓存，默认为true；dataType为script时，默认为false；false时将不会从浏览器缓存中加载信息
                data: {
                    prod: 'pc',
                    wd: msg
                },
                // 发送到服务器的数据，自动转换为字符串格式；
                // get请求中附加在url后；防止自动转换-processData选项-对象设为key/value格式；
                dataType: "json",
                // 预期服务器返回的数据类型xml/html/script/json/jsonp/callback=?/text
                beforeSend: function(before) {
                    console.log(before)
                        // return false /* 返回false， 后面的不执行， 无法获取返回值 */
                },
                // 发送请求前的操作，如果返回false，取消本次Ajax请求执行
                // this指向调用本次Ajax请求时传递的option参数
                // 状态码：0
                complete: function(complete) {
                    console.log(complete)
                },
                // 请求完成后调用（无论请求是否成功） 
                // 状态码：4
                success: function(response, textStatus) {
                    console.log(response, textStatus)

                },
                // 请求成功后调用
                error: function(error, textStatus) {
                    console.log(error, textStatus)
                },
                // 请求失败时调用，如无法找到对应url
                contentType: 'application / x - www - form - urlencoded',
                // 发送信息至服务器时，内容编码类型，默认application---
                dataFilter: function(data, type) {
                    console.log(data, type)
                },
                // 返回的原始数据进行预处理，data为返回的原始数据，type为datatype类型
                jsonp: 'onJsonPload',
                // 重新命名jsonp回调函数的名字，代替callback=?的形式
                username: 'ljw',
                password: '888',
                // 用户名及密码，用于相应http访问的认证请求
                processData: true
                    // 默认为true，发送的数据转换为对象；如果要发送DOM树等不希望转换的信息，设置false；
            });
        }(window, document, jQuery)
    </script>

</body>

</html>