javascript - 使用表单时数据乱码

标签 javascript ajax forms

当我使用 form.submit() 提交表单时,非英语字符(例如中文、韩语)在数据库中存储为乱码。

我在jsp中使用了以下代码:

<%
 response.setContentType("text/html;charset=utf-8");
 response.setCharacterEncoding("UTF-8");
%>
<html>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
 <body>
 <form name="TestForm" enctype="application/x-www-form-urlencoded" accept-charset="UTF-8" action="<%=formaction%>" method="POST">
  <table>
   <tr><td>Source</td><td>:</td>
   <td><input type="text" name="SOURCE"> </td></tr>

   <tr><td>Category</td><td>:</td>
   <td><input type="text" name="CATEGORY"> </td></tr>

   <tr><td>Message</td><td>:</td>
   <td><input type="text" name="MESSAGE"> </td></tr>
   <tr><td><input type="submit" name="Submit" value="Ok"></td></tr>
  </table>
 </form>
 </body>
 </html> 

当我发送 Ajax 请求时,我正在设置请求选项,例如 Content-typeCharSet。它在 Ajax 中按预期工作,但即使我在表单中设置了这些属性,它也无法在 form.submit() 上工作。

最佳答案

尝试使用以下代码在服务器端获取值。确保在 getParameter 之前设置字符编码

request.setCharacterEncoding("UTF-8"); 
String str = request.getParameter("fuzz-field");

另请检查您的服务器是否将 URIEncoding 设置为 UTF-8

希望这有帮助

这是我尝试过并使其正常工作的示例代码

JSP

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8 %> 

  <form id="form-sample" name="form-sample" method="post" action="/HTML5Sample/sampleservlet">
<!--field has the value of two Chinese characters.-->
<input type="text" id="fuzz-field" name="fuzz-field" value="中文"/>
<input type="submit" value="Submit">
</form>                                                                                              

Tomcat 服务器.xml

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

Servlet 类 -

request.setCharacterEncoding("UTF-8"); 
String str = request.getParameter("fuzz-field");
System.out.println("character field " + str);    

要在 Eclipse 控制台上查看此内容,您需要修改控制台设置 - 窗口 > 首选项 > 编码为 utf-8

关于javascript - 使用表单时数据乱码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15919938/

相关文章:

javascript - PrimeFaces 渲染的所有 JavaScript 是什么?

javascript - 将二进制数据写入文件

javascript - 禁用 JSFiddle 中的滚动功能

javascript - 在 iframe 中的 Canvas 上绘图不会全屏显示

javascript - 在提交表单之前将复选框值组合成字符串

创建 HTML 表单并返回用户输入的 JavaScript 函数

php - Symfony 表单生成器多行相同类型

javascript - 在 cloudflare-worker 服务上解析原始主体(非 NODE)

javascript - Codeigniter ajax 请求输出失败

javascript - 如何在ajax url中发送很长的数据?