java web 中文乱码问题,上传组件传参乱码解决

简介: 1 response.setHeader("Content-type", "text/html;charset=UTF-8");//设置浏览器以什么编码显示数据,注意分号 response.setCharacterEncoding("UTF-8");2 Java中文使用Unicode编码。

1 response.setHeader("Content-type", "text/html;charset=UTF-8");//设置浏
览器以什么编码显示数据,注意分号
 response.setCharacterEncoding("UTF-8");

Java中文使用Unicode编码。在Cookie中使用Unicode字符时需要对Unicode字符进行编
码,否则会乱码。
编码使用java.net.URLEnoder类的encode(String str,String encoding)方法。
解码使用java.net.URLDecoder类的decode(String str,String encoding)方法。


看如下代码:
List<FileItem> list =upload.parseRequest(request);

Iterator<FileItem> it = list.iterator();
String username=null;
String password=null;
while (it.hasNext()) {
 FileItem item = (FileItem) it.next();// 每一个item就代表一个表单输入项
       /*isFormField方法用于判断FileItem类对象封装的数据是否属于一个普通表单字段,还是属于一个文件表单字段,
 如果是普通表单字段则返回true,否则返回false。
 */
 if (item.isFormField()) {
  String name = item.getFieldName();// input的名称
  String value = item.getString();// input的值
  if(item.getFieldName().equals("username")){
  username=new String(item.getString().getBytes("iso-8859-1"),"utf-8"); //注意这里的username不能直接等于item.getString()会乱码的 因为文件上传组件的表单有个enctype="multipart/form-data"
 }
 if(item.getFieldName().equals("password")){
 password=new String(item.getString().getBytes("iso-8859-1"),"utf-8");//这里和前面username一样
 }
 } 
4 URL传中文参数 和 表单传中文参数
后者,如果是POST方法 则 只需在服务端写上request.setCharactorEncodeing("utf-8");即可(看JAVAWEB课件第三章是这么写的,不知道是不是仅仅如此就可以了)
前者,需要对URL进行两次编码 如果是js则 encodeURI(encodeURI())即可 如果是服务器端  java.net.URLEncoder.encode()方法吧
URL传中文参数 在 xmlHttpRequest.open()中,如果是GET方法,那么需要编辑,如果是POST好像不用编码吧,但我看课件有这么说的。

/*发送包含用户输入信息的请求体
encodeURIComponent() 函数可把字符串作为URI 组件进行编码。保证各种特殊字
符能被正确发送。
*/
xmlHttp.send("name=" + encodeURIComponent(name)+ "&value=" +
encodeURIComponent(value));

可能POST还需要编码,唉!

 

1  DBConnection.class.getResourceAsStream("Conn.properties")

地址怎么表示的呢? 是当前目录 还是什么的,为什么兰冬跑不出来。
2  牢记 存入图片需要开户事务,并需要提交 才可以。先牢记吧。
3   图片地址指向一个servlet,servlet转向图片,则原页面可以显示图片。

4 <script type="text/javascript">

 var xmlHttp; //声明XMLHttpRequest对象
 
 /*创建XMLHttpRequest对象*/
 function createXMLHttpRequest() {
  if (window.ActiveXObject) { //IE浏览器
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } else if (window.XMLHttpRequest) { //非IE浏览器 
   xmlHttp = new XMLHttpRequest();
  }

  if (!(xmlHttp)) { //异常,创建对象失败
   window.alert("创建XMLHttpRequest异常!");
  }
 }
 
 /*输出验证结果*/
 function validateResult() { 
  //alert(xmlHttp.readyState); //输出状态码
  if (xmlHttp.readyState == 4) {
    //alert(xmlHttp.status); //输出响应代码
    if (xmlHttp.status == 200) {
    if (xmlHttp.responseText == "error") {
     alert("用户名已经存在!");
    }
    }
  }
 }
 
 /*执行Ajax验证*/
 function userNameValidate() { 
  
  createXMLHttpRequest(); //创建XMLHttpRequest对象
   
  var username = document.getElementById("username").value;
  
  xmlHttp.open("post", "RegisterServlet.servlet", true);//初始化XMLHttpRequest对象

  xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//采用POST提交方式时要加上这句

  xmlHttp.onreadystatechange = validateResult; //设置回调函数
  
  xmlHttp.send("username="+username); //发送请求
 }

 注意ajax用post和get方式不一样 在于第三个函数里的 setRequestHeader和 传参的方式不一样send()里面写参数


List<FileItem> list =upload.parseRequest(request);

   Iterator<FileItem> it = list.iterator();
            String username=null;
            String password=null;
   while (it.hasNext()) {
    FileItem item = (FileItem) it.next();// 每一个item就代表一个表单输入项
                /*isFormField方法用于判断FileItem类对象封装的数据是否属于一个普通表单字段,还是属于一个文件表单字段,
    如果是普通表单字段则返回true,否则返回false。
    */
    if (item.isFormField()) {
     String name = item.getFieldName();// input的名称
     String value = item.getString();// input的值
     if(item.getFieldName().equals("username")){
     username=new String(item.getString().getBytes("iso-8859-1"),"utf-8"); //注意这里的username不能直接等于item.getString()会乱码的 因为文件上传组件的表单有个enctype="multipart/form-data"
     
     }
     if(item.getFieldName().equals("password")){
      password=new String(item.getString().getBytes("iso-8859-1"),"utf-8");//这里和前面username一样
     }
    }

    
6
response.setContentType("image/jpeg"); 图片输出时设置

document.getElementById("").style.display="block";可以但不能写成document.getElementById("").style="display:block"因为style是个样式对象,但是在火狐里就可以 悲催了。。

AJAX

1
/*执行Ajax验证*/
 function userNameValidate() { 
  
  createXMLHttpRequest(); //创建XMLHttpRequest对象
   
  var username = document.getElementById("username").value;
  
  xmlHttp.open("post", "RegisterServlet.servlet", true);//初始化XMLHttpRequest对象

  xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//采用POST提交方式时要加上这句

  xmlHttp.onreadystatechange = validateResult; //设置回调函数
  
  xmlHttp.send("username="+username); //发送请求
 }
注意POST方法提交时,需要加上xmlHttp.setRequestHeader();方法



转自 csdn http://blog.csdn.net/frona_lee/article/details/7939520


目录
打赏
0
0
0
0
19
分享
相关文章
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
41 7
小团队 CI/CD 实践:无需运维,Java Web应用的自动化部署
本文介绍如何使用GitHub Actions和阿里云Kubernetes(ACK)实现Java Web应用的自动化部署。通过CI/CD流程,开发人员无需手动处理复杂的运维任务,从而提高效率并减少错误。文中详细讲解了Docker与Kubernetes的概念,并演示了从创建Kubernetes集群、配置容器镜像服务到设置GitHub仓库Secrets及编写GitHub Actions工作流的具体步骤。最终实现了代码提交后自动构建、推送镜像并部署到Kubernetes集群的功能。整个过程不仅简化了部署流程,还确保了应用在不同环境中的稳定运行。
76 9
【Bug合集】——Java大小写引起传参失败,获取值为null的解决方案
类中成员变量命名问题引起传送json字符串,但是变量为null的情况做出解释,@Data注解(Spring自动生成的get和set方法)和@JsonProperty
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
103 6
Spring Boot 入门:简化 Java Web 开发的强大工具
哇塞!Vue.js 与 Web Components 携手,掀起前端组件复用风暴,震撼你的开发世界!
【8月更文挑战第30天】这段内容介绍了Vue.js和Web Components在前端开发中的优势及二者结合的可能性。Vue.js提供高效简洁的组件化开发,单个组件包含模板、脚本和样式,方便构建复杂用户界面。Web Components作为新兴技术标准,利用自定义元素、Shadow DOM等技术创建封装性强的自定义HTML元素,实现跨框架复用。结合二者,不仅增强了Web Components的逻辑和交互功能,还实现了Vue.js组件在不同框架中的复用,提高了开发效率和可维护性。未来前端开发中,这种结合将大有可为。
229 0
Java Web 应用中,资源文件的位置和加载方式
在Java Web应用中,资源文件如配置文件、静态文件等通常放置在特定目录下,如WEB-INF或classes。通过类加载器或Servlet上下文路径可实现资源的加载与访问。正确管理资源位置与加载方式对应用的稳定性和可维护性至关重要。
87 7
理解Session和Cookie:Java Web开发中的用户状态管理
理解Session和Cookie:Java Web开发中的用户状态管理
111 4
Web组件:一种新的前端开发范式
【10月更文挑战第9天】Web组件:一种新的前端开发范式
140 2
使用Maven进行项目管理:提高Java Web开发的效率
Maven 是一款强大的项目管理和构建自动化工具,广泛应用于Java社区。它通过依赖管理、构建生命周期管理、插件机制和多模块项目支持等功能,简化了项目的构建过程,提高了开发效率。本文将介绍Maven的核心功能及其在Java Web开发中的应用。
91 0
前端开发趋势:从响应式设计到Web组件的探索
【10月更文挑战第1天】前端开发趋势:从响应式设计到Web组件的探索
54 3

热门文章

最新文章

  • 1
    打造高效的Web Scraper:Python与Selenium的完美结合
    13
  • 2
    Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
    29
  • 3
    AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
    23
  • 4
    【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
    57
  • 5
    部署使用 CHAT-NEXT-WEB 基于 Deepseek
    371
  • 6
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    27
  • 7
    java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
    41
  • 8
    零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
    28
  • 9
    【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
    22
  • 10
    FastAPI与Selenium:打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
    57
  • AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等