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 分钟前
一文简单入门 Axios
前端·axios·apifox
im_AMBER20 分钟前
React 15
前端·javascript·笔记·学习·react.js·前端框架
How_doyou_do39 分钟前
模态框的两种管理思路
java·服务器·前端
snow@li1 小时前
前端:前端/浏览器 可以录屏吗 / 实践 / 录制 Microsoft Edge 标签页、应用窗口、整个屏幕
前端·浏览器录屏·前端录屏·web录屏
李贺梖梖1 小时前
CSS学习
前端·css
蚂小蚁1 小时前
一文吃透:宏任务、微任务、事件循环、浏览器渲染、Vue 批处理与 Node 差异(含性能优化)
前端·面试·架构
狼性书生2 小时前
uniapp实现的Tab 选项卡组件模板
前端·uni-app·vue·组件·插件
吃饺子不吃馅2 小时前
前端画布类型编辑器项目,历史记录技术方案调研
前端·架构·github
拜晨2 小时前
使用motion实现小宇宙贴纸墙效果
前端·交互设计