jquery ajax post 请求表单格式x-www-form-urlencoded

javascript 复制代码
<body>
    <form id="submitForm">
      <input type="hidden" id="userId" name="userId" value="283" />
      <input type="hidden" id="pageSize" name="pageSize" value="99" />
    </form>
    <div class="wrap">
        666        
    </div>
</body>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
  const serialize = (formEle) => Array.from(new FormData(formEle)).reduce((p, [k, v]) => Object.assign({}, p, { [k]: p[k] ? (Array.isArray(p[k]) ? p[k] : [p[k]]).concat(v) : v }), {});
  const jsonData = serialize($("#submitForm").get(0));
  $.ajax({
    url: 'https://tool.keeko.ai/prod-api/api/school/getCourseTrainingList',
    type: 'POST',
    data: jsonData,
    contentType: 'application/x-www-form-urlencoded',
    success: function(response) {
        // 请求成功时的处理逻辑
    },
    error: function(xhr, status, error) {
        // 请求失败时的处理逻辑
    }
  });  
</script>
相关推荐
sunshine6412 分钟前
JS实现悬浮可拖拽vue组件封装
开发语言·前端·javascript
lichong95110 分钟前
《postman、apipost、smartApi 等使用与特点 3 天路线图(可打印 PDF+互动脑图)》
前端·测试工具·macos·pdf·postman·大前端·大前端++
怪我冷i13 分钟前
es6与es5的模块区别
前端·ecmascript·es6·ai写作
一 乐15 分钟前
助农服务系统|基于SprinBoot+vue的助农服务系统(源码+数据库+文档)
前端·数据库·vue.js
chilavert31816 分钟前
技术演进中的开发沉思-219 Ajax:样式与事件
ajax·交互
by__csdn17 分钟前
Vue 2 与 Vue 3:深度解析与对比
前端·javascript·vue.js·typescript·vue·css3·html5
s***353020 分钟前
怎么下载安装yarn
android·前端·后端
q***649720 分钟前
Spring boot整合quartz方法
java·前端·spring boot
行走的陀螺仪21 分钟前
Vue3远程加载阿里巴巴字体图标实时更新方案
前端·icon·字体图标·阿里巴巴图标库
q***783722 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端