• 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

    @漏刻有时

  • 相关阅读:
    传统算法与神经网络算法,神经网络算法有什么用
    玄子Share - IDEA 2023.1 自定义 代码模板(Servlet)
    JavaScript对象详解,js对象属性的添加
    4月2日-3日·上海 | 3DCC 第二届3D细胞培养与类器官研发峰会携手CGT Asia 重磅来袭
    CMake教程(一)
    GitHub 毕业年鉴「GitHub 热点速览 v.22.20」
    OpenJudge NOI 1.13 49:计算对数
    创建型-原型模式
    温故知新:探究Android UI 绘制刷新流程
    柚子是肝病“催化剂”吗?医生:滋养肝细胞,5种水果或可常吃
  • 原文地址:https://blog.csdn.net/weixin_41290949/article/details/133637225