• javascript二维数组(10)ajax的使用


    在JQuery中,使用AJAX的方法主要有以下几种:

    1. $.ajax():这是JQuery中最通用的AJAX请求方法。它需要一个包含各种参数的对象,其中包括请求的URL、请求方式、数据类型、请求参数等。请求成功后执行的回调函数也是通过参数来定义的。

    例如:

    $.ajax({
      url: 'myfile.txt',
      type: 'GET',
      dataType: 'text',
      success: function(data, state) {
        $('#myDiv').text(data);
      }
    });
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    在jQuery中,$.ajax()函数有以下参数:

    1. url:这是请求的URL。它是必须的参数,可以是相对URL或绝对URL。

    2. type:这是请求的方式。它默认为GET,但也可以是POST、GET、PUT、DELETE等HTTP方法。

    3. timeout:这是请求的超时时间(以毫秒为单位)。如果此参数被设置,那么请求会在超时后停止,即使没有接收到响应。

    4. async:这个布尔参数表示请求是否异步。默认情况下,它是true,表示请求是异步的。如果设置为false,那么请求将会是同步的。

    5. cache:这个布尔参数表示是否从浏览器缓存中加载请求信息。默认为true,如果设置为false,则不会从缓存中加载。

    6. data:这是发送到服务器的数据。它可以是对象或字符串类型。

    7. dataType:这个参数表示预期的服务器响应的数据类型。可用的类型包括xml、json、script、html等。

    8. success:这是一个回调函数,当请求成功时会被调用。它接受服务器响应的数据作为参数。

    9. error:这是一个回调函数,当请求失败时会被调用。它接受一个包含错误信息的对象作为参数。

    10. . g e t ( ) 和 .get()和 .get().post():这两个方法是在 . a j a x ( ) 的基础上,针对 G E T 和 P O S T 请求的简化版本。它们的参数和 .ajax()的基础上,针对GET和POST请求的简化版本。它们的参数和 .ajax()的基础上,针对GETPOST请求的简化版本。它们的参数和.ajax()类似,但是更简洁。

    例如:

    $.get('myfile.txt', function(data, state) {
      $('#myDiv').text(data);
    });
    
    • 1
    • 2
    • 3
    1. $.load():这个方法是用来发送一个GET请求,然后将服务器返回的内容插入到指定的元素中。这个方法比较简单,但是需要指定一个已经存在的HTML元素。

    例如:

    $('#myDiv').load('myfile.txt');
    
    • 1

    ajax传递参数和回调

       $(function () {
            $.ajax({
                type: 'post',
                url: "http://test.com/record.json?paged=1&pageSize=100",
                data: JSON.stringify(
                    {
                        group_id: 1935,
                        //sdata: sdata,
                        //sub_region: sub_region,
                        sensor_location: '1F',
                        //sensorStatusVal: sensorStatusVal,
                        propertyTypeVal: "空调",
                    }),
                headers: {
                    "USER-KEY": "426aad8a150a4d85a8fa7221085edca3"
                },
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (res) {
                    console.log(res);
                },
                error: function (err) {
                    console.log(err)
                }
            });
        })
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26

    @漏刻有时

  • 相关阅读:
    Pandas常用操作命令(四)——数据切片、筛选
    消息服务应用1——java项目使用websocket
    STM32G070RBT6基于STM32CubeMX创建定时器中断控制LED闪烁
    OpenWrt之feeds.conf.default详解
    Copilot免费时代结束!正式版67元/月,学生党和热门开源项目维护者可白嫖
    css样式进行预处理
    MySQL read 查询语句1
    JVM:运行时数据区-PC寄存器(程序计数器)
    数据结构与算法课后题-第三章(顺序队和链队)
    latex的安装及设置(为学术服务)
  • 原文地址:https://blog.csdn.net/weixin_41290949/article/details/133637225