JavaScript在JSF框架中汉字乱码问题的解决方法

最新推荐文章于 2021-09-29 18:30:30 发布
最新推荐文章于 2021-09-29 18:30:30 发布
阅读量621 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： jsf javascript servlet 乱码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/PETER__SHEN/article/details/59696843
本文描述了在JSF项目中引入JSP页面时遇到的汉字乱码问题及其解决方法。通过调整web.xml中的servlet映射配置，解决了JavaScript中汉字显示乱码的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当前工作中开发web应用，使用JSF框架。

以前开发的web应用，使用JSP页面。

把JSP页面放到JSF项目中时，JSP页面中的JavaScript在运行时，汉字乱码。

乱码原因找到了，是web.xml中servlet的配置问题。

 

具体过程描述如下：

 

一、现象

 

1、开发工具 NETBeansIDE8.1中

 

 

2、新建项目

 

 

 

 

3、注意，这一步，选的是JavaServer Faces。

 

4、IDE生成的项目内容如下图。 

5、IDE生成的web.xml文件，如下所示：

<?xml version="1.0" encoding="UTF-8"?>

<web-app version="3.1" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaeehttp://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">

    <context-param>

        <param-name>javax.faces.PROJECT_STAGE</param-name>

        <param-value>Development</param-value>

    </context-param>

    <servlet>

        <servlet-name>Faces Servlet</servlet-name>

        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

        <load-on-startup>1</load-on-startup>

    </servlet>

    <servlet-mapping>

        <servlet-name>Faces Servlet</servlet-name>

        <url-pattern>/faces/*</url-pattern>

    </servlet-mapping>

    <session-config>

        <session-timeout>

            30

        </session-timeout>

    </session-config>

    <welcome-file-list>

        <welcome-file>faces/index.xhtml</welcome-file>

    </welcome-file-list>

</web-app>

 

 6、新建jsp文件，文件名newjsp.jsp，内容如下： 

<%@page contentType="text/html" pageEncoding="GBK"%>

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=GBK">

        <title>JSP Page</title>

        <script src="newjavascript.js"></script>

    </head>

    <body>

        <h1>Hello World!</h1>

    </body>

</html>

 

7、JSP文件中的newjavascript.js文件，内容如下： 

alert("狗狗狗");

 

8、运行newjsp.jsp，弹出的alert，汉字乱码。

 

 

  

二、解决办法 

1、NETBEAN IDE 中创建JSF的项目，web.xml中默认这样配置servlet 

    <servlet>

        <servlet-name>Faces Servlet</servlet-name>

        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

        <load-on-startup>1</load-on-startup>

    </servlet>

    <servlet-mapping>

        <servlet-name>Faces Servlet</servlet-name>

        <url-pattern>/faces/*</url-pattern>

    </servlet-mapping> 

改成

    <servlet>

        <servlet-name>Faces Servlet</servlet-name>

        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>

        <load-on-startup>1</load-on-startup>

    </servlet>

    <servlet-mapping>

        <servlet-name>Faces Servlet</servlet-name>

        <url-pattern>*.xhtml</url-pattern>

    </servlet-mapping>

 

2、再运行Jsp，JavaScript中汉字就显示正常了。

 

PETER__SHEN
关注
JSF中文问题解决方法完整版
03-05
在IT行业中，JavaScript框架（JSF，JavaServer Faces）是一种广泛应用的用于构建Web应用程序的UI层技术。这篇博文“JSF中文问题解决方法完整版”提供了关于如何处理JSF框架在处理中文字符时可能出现的问题的解决方案...
JSF框架的demo项目
06-09
在JSF中，**组件模型**是其核心特性之一。它将用户界面元素（如按钮、文本框等）作为可重用的组件来管理。这些组件通过JSF的生命周期与后端业务逻辑交互，实现了数据的双向绑定。在本demo项目中，你可能发现使用了`...
[转]JSF中文输入乱码问题解决方法
hellojf的博客
03-06 290
以下总结这段时间以来遇到的中文问题汇集： 注：以下“后台”字眼，相当于在servlet内，或者某一个类内，或者struts的action内。 1.一字符串在后台用system.out.println输出正常，保存在session里到JSP页面显示乱码 最初的乱码问题. 原因：似乎是默认的JSP页面采用8859-1编码，显示不了中文。 解决：在JSP页面上方加个...
JSF中文输入乱码问题解决方法一
风云爱飞
06-25 1520
JSF中文输入乱码问题解决方法该方法已知适用的版本tomact5.0.18,tomcat5.0.9。已知不适用的版本为tomcat5.0.28。问题描述：在inputtext中输入中文，然后在输出，显示为乱码。解决方法：1、自定义转器package util;import java.util.Map;import javax.faces.component.UIComponent;im
JSF 2.0(基于Primefaces 3.4.2) 中文乱码的处理方案
v5browser
03-04 226
最近在用JSF 2.0(基于Primefaces 3.4.2)做一个WEB的项目,开发的过程中有两个问题一直烦扰着我 (1)很多时候在需要提交页面中的数据的时候,必须要点两次提交按钮,才可以提交相应的数据 (2)中文乱码问题.表现为: 2.1 如果在一个页面点击两次"创建"按钮的时候会出现乱码的问题.以及在对一条数据进行更新的时候也会设计到乱码的问题. 2.2 如果按钮设置...
关于JSF页面第一次输入中文乱码，刷新后正常显示问题
冷芝士鸭的学习笔记
09-29 337
问题描述 写了一个JSF页面，发现提交数据时，第一次中文乱码，之后再次提交就会正常显示，页面如下 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www
jsf的中文乱码解决方法
iuhe_999的博客
04-22 880
 &lt;h:body  onload="document.charset='UTF-8';"&gt;        &lt;h:form&gt;              &lt;h:outputLabel for="username"&gt;User Name&lt;/h:outputLabel&gt;              &lt;h:inputText id="usernam
JSF框架使用示例.rar_JSF
09-24
本示例中，我们探讨的是JSF框架在实际项目中的应用，主要涉及事件监听、转换器、验证器以及导航功能。** **一、事件监听** 在JSF中，事件监听是通过实现特定接口或者注解来完成的。这些事件可以是用户界面组件级别...
JSF+spring中文输入乱码问题解决方法
Java 小试
11-01 163
在inputtext中输入中文，然后在输出，显示为乱码。 解决方法： 我是使用的jsf+spring2.0+hibernate3所以解决这个问题不是很复杂. 在页面上添加: xml 代码   &lt;%@page contentType="text/html; charset=UTF-8"%&gt;  主要是在工程web.xml中添加了spring对filter设置:...
tomcat项目启动报错：java.lang.ClassNotFoundException: javax.faces.webapp.FacesServlet
DAMO小天天
09-02 2071
如图，我项目启动的时候就报这个错误，但是项目正常访问。 百度了一番，才知道是jar的问题； 但是我下载了jar后，还是报这个错。 在百度一番，又知道了，是与项目的web.xml里面的启动加载顺序的配置问题，在web.xml中的下面这句： <servlet> <servlet-name>Faces Servlet</servlet-name>...
JSF中文乱码问题
柯兄技术博客
05-09 4062
humanity 发表于 2005-9-27 0:37:02 DK_Sun 发表于 2005-9-27 0:39:19 给你一个类；public class GBKConvert {public GBKConvert() {}public static String isoToGbk(String inStr) {// 将字符串的内码从ISO8859-1转换到GBKString out
JSP中文乱码问题终极解决方案(下)
热门推荐
Rico's Blogs
02-19 10万+
本文首先从四个方面给出了在使用JSP过程中可能出现中文乱码的情形，具体包括JSP页面中文乱码、JSP源文件中文乱码、GET 请求的请求参数为中文乱码 和 POST 请求的请求参数为中文乱码四种情形，并针对每种情形给出了相应的终极解决方案。
jsp中文乱码六种情况---解决方案
Marry1234789的专栏
10-22 4万+
来源：http://blog.youkuaiyun.com/lovesummerforever/article/details/12290319   乱码是让人头疼的一件事情，您是否和我一样也遇到过这样的情况，向数据库中添加一条记录，记录是添加上了，到数据库里一看，数据凌乱了。。。顿时我也凌乱了。。。把html文件改为jsp文件，添加了一下jsp page指令重新打开同时发现所有的中文都
jsp中文乱码现象解决办法
mike_jun的博客
04-04 5万+
之前总是碰到JSP页面乱码的问题，每次都是现在网上搜，然后胡乱改，改完也不明白原因。这次正好作下总结，中文乱码就是因为编码不符，可能出现乱码有四个地方：1 JSP编码乱码2 HTML编码乱码3 request获取数据乱码4 response输出信息乱码5 Cookie导致的编码问题下面将会对上面几种情况进行介绍:　　JSP乱码　　 这种是最常见的，设置编码的位置位于JSP的第一行，如果在Ecli...
解决JSF中文乱码问题的完整方法
开发者在遇到类似问题时，可以通过阅读相关博文了解解决方法，并根据实际情况调整项目的配置来解决问题。同时，博主还提供了源码和工具的相关标签，可能指代了提供给开发者用于解决中文问题的代码示例或辅助工具，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值