jQuery-ajax常用参数


<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>

标签:jQuery,HTML,ajax,&


更多演示案例,查看 案例演示


欢迎评论留言!

你可能感兴趣的:(jQuery,Note,jquery,html,ajax)