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

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

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

例如:

javascript 复制代码
$.ajax({
  url: 'myfile.txt',
  type: 'GET',
  dataType: 'text',
  success: function(data, state) {
    $('#myDiv').text(data);
  }
});

在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()的基础上,针对GET和POST请求的简化版本。它们的参数和.ajax()类似,但是更简洁。

例如:

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

例如:

javascript 复制代码
$('#myDiv').load('myfile.txt');

ajax传递参数和回调

javascript 复制代码
   $(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)
            }
        });
    })

@漏刻有时

相关推荐
Martin -Tang2 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
FakeOccupational3 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js
放逐者-保持本心,方可放逐3 小时前
react 组件应用
开发语言·前端·javascript·react.js·前端框架
曹天骄4 小时前
next中服务端组件共享接口数据
前端·javascript·react.js
郝晨妤6 小时前
鸿蒙ArkTS和TS有什么区别?
前端·javascript·typescript·鸿蒙
喝旺仔la6 小时前
vue的样式知识点
前端·javascript·vue.js
别忘了微笑_cuicui6 小时前
elementUI中2个日期组件实现开始时间、结束时间(禁用日期面板、控制开始时间不能超过结束时间的时分秒)实现方案
前端·javascript·elementui
尝尝你的优乐美6 小时前
vue3.0中h函数的简单使用
前端·javascript·vue.js
windy1a7 小时前
【C语言】js写一个冒泡顺序
javascript
会发光的猪。7 小时前
如何使用脚手架创建一个若依框架vue3+setup+js+vite的项目详细教程
前端·javascript·vue.js·前端框架