jQuery实现ajax语法,post请求发送数组对象(jquery)

$.ajax()代码模板

jQuery实现ajax语法为:$.ajax({}),其中{}为对象,对象里面的key键是固定的,比如:
1、type: 表示请求方式,一般为post或get
2、url表示请求的地址
3、contentType表示发送信息至服务器时内容编码类型
4、data表示发送到服务器的数据
5、dataType表示预期服务器返回数据的类型如:text,json,xml等等类型
6、success表示请求成功后的回调函数
7、error自动判断 (xml 或 html)。请求失败时调用此函数,等等

对象中包含数组对象

js 复制代码
let htLockRelationCard = {
    userList: userList,
    roomId: roomId,
    cardNumber: cardNum
};
$.ajax({
    url: `smartLockRoomRelationCard/cardDelivery`,
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify(htLockRelationCard),
    dataType: "json",
    success: function (res) {
        console.log(res);
    }
});

数组对象

js 复制代码
$.ajax({
    url: `smartLockRoomRelationCard/cardDelivery`,
    type: "POST",
    contentType: "application/json",
    data: JSON.stringify(userList),
    dataType: "json",
    success: function (res) {
        console.log(res);
    }
});
相关推荐
吴声子夜歌21 小时前
Vue3——使用axios实现Ajax请求
前端·javascript·ajax·axios
Camellia-lon1 天前
jQuery购物车实现:从入门到精通
前端·javascript·jquery
研☆香1 天前
聊聊什么是AJAX
前端·ajax·okhttp
.Cnn2 天前
Ajax与Vue 生命周期核心笔记
前端·javascript·vue.js·笔记·ajax
sunwenjian8863 天前
跨域问题解释及前后端解决方案(SpringBoot)
spring boot·后端·okhttp
斌味代码5 天前
jQuery 内存泄漏排查:常见场景、工具使用与修复实战
前端·javascript·jquery
XiaoLeisj5 天前
Android 短视频播放详情页实战:从播放器模块拆分、Media3 与 FlowHelper 接入,到 ViewPager 高度适配和详情数据联动
android·okhttp·音视频·架构设计·flowhelper
阿正的梦工坊6 天前
拦截网络请求:一种更优雅的数据获取方式
网络·okhttp
Shadow(⊙o⊙)7 天前
C学习历程的总汇
c语言·学习·jquery
AnalogElectronic7 天前
PHP学习02,PHP + jQuery + HTML + MySQL+nginx 做一个多用户云笔记项目
学习·php·jquery