bootstrap table搜索中文乱码怎么解决?

bootstrap table搜索中文乱码怎么解决?下面本篇文章给大家介绍一下BootstrapTable 搜索中文乱码问题的解决方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

bootstrapTable搜索中文乱码问题

bootstrapTable在请求方式为get时,在其提供的输入框中输入中文,会出现后台获取到的是乱码的字符的现象。

其解决方式有两种:

1、更改Tomcat的URI编码方式。

具体为:进入Tomcat目录,进入conf文件夹,打开server.xml文件(最好先进行一次备份),找到自己请求的连接头对应的代码,如:

<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443" />

在其中加上URIEncoding="UTF-8"属性,更改为:

<Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443" URIEncoding="UTF-8" />

这样就解决这个问题了。

【相关教程推荐:bootstrap视频教程

2、更改bootstrapTable的请求方式。

一开始其实也说了是在请求方式为get的情况下才会出现这种问题,结合上面的解决方式,很容易就能了解到,是由于get请求发向Tomcat时,由于Tomcat的默认URI编码并非为UTF-8, 因此出现的这个问题。那么在不更改Tomcat的情况下解决这个问题的方法就很清楚了,将bootstrapTable 的请求方式从get更改为post即可。具体就是将bootstrapTable中的method参数的值设置为post,如下:

$("#table").bootstrapTable({
      method: "post",
      url: "获取后台数据的url",
      ... ...
});

当然,其实光这样该还不够,因此这样改完后会发现后台就接收不到数据了,这是由于使用post请求后,其不能继续使用原有默认发送到服务器的数据编码类型, 在上面的语句中再添加一句:contentType:"application/x-www-form-urlencoded"(如下),即可。

$("#table").bootstrapTable({
          method: "post",
          url: "获取后台数据的url",
          contentType:"application/x-www-form-urlencoded",
          ... ...
});

更多web前端课程相关知识,请查阅 HTML中文网 !!

以上就是bootstrap table搜索中文乱码怎么解决?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏