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>
相关推荐
北城笑笑6 小时前
Vue 99 ,Vue 项目代理配置规范:跨域解决、路径重写与多环境适配最佳实践( 企业级避坑指南 )
运维·前端·nginx·vue
梵得儿SHI6 小时前
Vue3 实战:从 0 搭建企业级后台管理系统(Router+Pinia+Axios+Element Plus 全整合)
前端·javascript·vue.js·pinia状态管理·项目初始化·页面路由配置·后台首页布局
不能只会打代码6 小时前
基于Vue 3 + Spring Boot的物联网生鲜品储运系统设计与实现(源码附有详细的文档讲解)
java·前端·vue.js·spring boot·后端·物联网·github
A923A6 小时前
【Vue3大事件 | 项目笔记】第三天
前端·vue.js·笔记·vue·前端项目
Smoothcloud润云6 小时前
告别 Selenium:Playwright 现代 Web 自动化测试从入门到实战
前端·人工智能·selenium·测试工具·架构·自动化
进击的雷神6 小时前
AJAX动态参数反爬、HTML嵌套网站提取、UPSERT增量更新、空值智能处理——沙特塑料展爬虫四大技术难关攻克纪实
爬虫·python·ajax·html
前端小D6 小时前
ES6 中的 Promise
前端·javascript·es6·promise
光影少年6 小时前
React和Vue的区别?
前端·vue.js·react.js
遗憾随她而去.6 小时前
前端跨页面通信:8 种方案全解析(附实战案例)
前端
何中应6 小时前
<el-tag>标签使用
前端·vue.js·elementui