bootstrap-table（三）向后台发送数据（post请求）接收不到

最新推荐文章于 2022-02-22 14:51:04 发布
最新推荐文章于 2022-02-22 14:51:04 发布
阅读量1w 收藏 5
点赞数 2
分类专栏： 大前端-插件API 文章标签： bootstrap-table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jx950915/article/details/80833240
版权
故障原因

本来做一个服务器分页的功能，结果按照文档配置好了一直都请求不到数据，而且用ajax完全没问题，那就查呗，network一查，初看没啥问题

method:'post',

发送的数据
这里写图片描述

后来和ajax反复比较发现了 Request Payload这个东西

解决

后来查文档发现了这个

contentTypedata-content-typeString ‘application/json’发送到服务器的数据编码类型

所以改了一下

method:'post',
contentType:'application/x-www-form-urlencoded; charset=UTF-8',

成功
这里写图片描述

天空影
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
bootstrap table 接收不到参数
西灭的博客
01-11 981
文章目录 在测试程序时出现了一件怪事，就是我后台的对象属性已经把值填充完了。但是传到前台时就是有一个值拿不到。 我用的是bootstrap的表格插件来展示数据的 部分属性类： private String pafBasic; private String pAnnuity; // 就是这个在前台死活拿不到数据 ​ 部分js代码： { field: 'pafBasic', tit...
bootstrapTable的参数设置
asdfghjklor的博客
01-05 1778
自己Mark一下！参阅原文请点击链接 http://blog.csdn.net/paincupid/article/details/50982858 bootstrap-table的一些配置参数 $('#reportTable').bootstrapTable({    method: 'post',    url: '/qStock/AjaxPage',   
a标签传参 bootstrap jinja2 flask
nongcunqq的博客
08-16 269
<a href="#" class="btn btn-default btn-lg active" role="button">Link</a> <td><a href="{{ url_for('cancel_bus',id=bus.id) }}" class="btn btn-primary btn-lg active" role="button">取消</a></td>
一个完整的bootstrap请求
qq_37302082的博客
04-24 2980
1、HTML页面定义table <!--bootstrap表格--> <div class="tableBox"> <table id="userTable"></table> </div> 要引用的文件，注意jQuery在前面引用： <link rel="stylesheet"...
简单知识点实例之三：Bootstrap-Table和后台进行百分百交互的简单实例
Miss_LL的博客
01-13 5743
这是一个针对前后台交互的例子，可以直接套进项目中通畅运行。第二页之所以数据不对，是因为例子毕竟没有真正的后台，所以数据不对。但是可以套入项目中，就正常了。 重点： 其中bootstrap-table有一个search:truse搜索框的参数我没有使用，而是自己写了一个搜索框，因为那个参数只针对client（客户端数据才有效果，因为客户端数据得到了所有的数据了，但是例子是和后台交互的se
基于bootstrap-table 实现 右侧列固定
08-14
基于bootstrap-table 实现 右侧列固定，也可以针对左侧列固定，针对操作列使用起来非常方便，引用jquery、bootstrap-table-fixed 样式和js文件后，可以随意设置，灵活。 fixedColumns: true,//fixedtNumber:2, //...
bootstrap-table后端分页功能完整实例
10-15
Bootstrap Table 是一个基于 Bootstrap 框架的前端组件，用于创建功能丰富的表格。在实际的 Web 开发中，为了提高性能和减少服务器负担，我们通常会采用后端分页技术，即在服务器端处理数据分页，而不是一次性加载...
bootstrap-table-editable.js
11-30
开发过程中使用bootstrap，需要行内编辑，现在需要引入bootstrap-table-editable.js 这个js其实是对x-editable做了一个简单的封装，增加了列的editable属性以及编辑保存后的一些事件。
bootstrap-table.min.js
09-13
columns的formatter方法中可使用this.options获取全局配置信息，主要用户分页序号的设置功能。
Bootstrap Table不发送请求到Controller的问题
大头哥的哥
09-19 4165
前情回顾： 父页面，即当前页面是一个bootstrap table，最后一列为查看历史列，点“历史查询”，就弹出一个模态框，模态框中有一个bootstrap table，展示历史数据。 问题描述： 模态框里面的bootstrap table不发送请求到后台，bootstrap table不初始化。 原因： 模态框中的bootstrap table的初始化内容（$("#table").bo...
bootstrapTable使用例子
写BUG的低低低手
08-21 406
效果图 JSP <script type="text/javascript"> //公交运行信息列表---下拉列表 $.post("busRunInfoSelect", function(data) { for(i=0;i<=data.length-1;i++){ $("#busSelect").append("<option value='"+...
bootstrapTable服务端请求失败后的处理方法
qq_34774455的博客
05-27 1914
大家都知道，jq的ajax方法，在请求后台数据失败了（后台请求错误或者网络错误，链接有问题）会有一个错误处理机制，如：error参数会在请求失败后回调此方法。 那我们经常用到的bootstrapTable在请求失败后，怎么处理呢？ bootstrapTable 是使用这个参数的：onLoadError var loadding = layer.load(1, {shade: [0.1,'#fff']}); $("#table-today-salesList").bootstrapTable({
bootstrapTable Post请求传参中文乱码
qq_40881285的博客
02-22 1182
bootstrap-table Post请求传参中文乱码
bootstrap table post提交数据,后台无法接收的问题
热门推荐
u011132803的专栏
10-30 1万+
最近开始使用bootstrap table插件,不得不说很好用,不过在使用post提交查询参数时,struts2后台声明了一个formbean用来接收数据,怎么也接收不到,formbean都是null. 自己手写了  $.post(url,data,callback),正常,排除了后台代码有问题的可能性,之后查询bootstrap table官方文档,    content
“约见”面试官系列之常见面试题之第六十三篇之get和post区别（建议收藏）
歌谣的博客
09-11 408
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。 最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。 你可能自己写过无数个GET和POST请求，或者已经看过很多权威网站总结出的他们的区别，你非常清楚知道什么时候该用什么。 当你在面试中被问到这个问题，你的内心充满了自信和喜悦。 你轻轻松松的给出了一个“标准答案”： GET在浏览器回退时是无害的，而POST会再次提交请求。 ...
Bootstrap-table再次请求不触发ajax
每天进步一点点儿
08-28 2311
在给table中的元素赋值之前，需要先销毁table中的数据，否则会保留上次加载的内容。 造成请求不执行！ // 先销毁table中的数据 $("#table_id").bootstrapTable('destroy'); ...
bootstrap-table 请求后端数据，显示数据到表格
最新发布
06-13
Bootstrap Table 可以通过 AJAX 请求从后端获取数据并在表格中显示。下面是一些实现的步骤： 1. 在 HTML 页面中引入 Bootstrap Table 插件的 CSS 和 JS 文件。 ```html <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.3/bootstrap-table.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.3/bootstrap-table.min.js"></script> ``` 2. 创建一个 HTML 表格，并定义每一列的名称和字段名。 ```html <table id="table"> <thead> <tr> <th data-field="id">ID</th> <th data-field="name">Name</th> <th data-field="price">Price</th> </tr> </thead> </table> ``` 3. 初始化表格，并配置 AJAX 请求参数。 ```javascript $(function () { $('#table').bootstrapTable({ url: '/path/to/server', // 后端 API 地址 method: 'get', // 请求方法 dataType: 'json', // 返回数据类型 pagination: true, // 启用分页功能 sidePagination: 'server', // 分页位置，此处为服务器端分页 queryParams: function (params) { // 自定义查询参数 return { limit: params.limit, // 每页显示的记录数 offset: params.offset, // 当前页码 search: params.search // 搜索关键字 }; }, responseHandler: function (res) { // 自定义响应处理函数 return { total: res.total, // 总记录数 rows: res.data // 当前页记录列表 }; }, columns: [{ field: 'id', title: 'ID' }, { field: 'name', title: 'Name' }, { field: 'price', title: 'Price' }] }); }); ``` 4. 在后端编写 API 接口，接收请求参数并返回 JSON 格式的数据。 ```php // 获取请求参数 $limit = $_GET['limit']; $offset = $_GET['offset']; $search = $_GET['search']; // 查询数据库，获取数据列表和总记录数 // ... // 返回 JSON 格式的数据 echo json_encode([ 'total' => $total, 'data' => $data ]); ``` 这样就可以通过 AJAX 请求从后端获取数据并在表格中显示了。需要注意的是，后端 API 必须返回 JSON 格式的数据，数据格式要与响应处理函数中返回的格式一致。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值