JSP中 contentType 和 pageEncoding 的差异<引用>

最新推荐文章于 2022-05-10 17:40:05 发布
最新推荐文章于 2022-05-10 17:40:05 发布 · 92 阅读 · 0
文章标签：

#JSP #Java #Tomcat #HTML

本文详细解释了JSP页面中contentType和pageEncoding的区别及作用。contentType用于定义客户端浏览器解析网页内容的编码格式，pageEncoding则决定了JSP源文件的编码方式。文章深入探讨了这两种编码设置在JSP编译和运行过程中的具体应用。
contentType — 指定的是JSP页最终 Browser(客户端)所见到的网页内容的编码.
就是 Mozilla的 Character encoding, 或者是 IE6的 encoding. 例如 JSPtw Forum 用的contentType就是 Big5.

pageEncoding — 指定JSP编写时所用的编码
如果你的是 WIN98, 或 ME 的NOTEPAD记事本编写JSP, 就一定是常用的是Big5 或 gb2312, 如果是用 WIN2k winXP的
NOTEPAD时, SAVE时就可以选择不同的编,码, 包括 ANSI(BIG5/GB2312)或 UTF-8 或 UNIONCODE(估是 UCS 16).

因为 JSP要经过 两次的”编码”,
第一阶段会用 pageEncoding, 第二阶段会用 utf-8 至utf-8, 第三阶段就是由TOMCAT出来的网页, 用的是contentType.

阶段一是 JSPC的 JSP至JAVA(.java)原码的”翻译”, 它会跟据 pageEncoding 的设定读取JSP. 结果是 由指定的
pageEncoding(utf-8,Big5,gb2312)的JSP 翻译成统一的utf-8 JAVA原码(.java). 如果pageEncoding设定错了, 或没设定
(预设 ISO8859-1), 出来的 在这个阶段 就已是中文乱码.

阶段二是由 JAVAC的JAVA原码至JAVA BYTECODE的编译. 不论JSP的编写时是用(utf-8,Big5,gb2312),经过阶段一的结果全
都是utf-8的ENCODING的JAVA原码.
JAVAC用 utf-8的ENCODING读取AVA原码, 编译成字符串是 utf-8 ENCODING的二进制码(.class). 这是 JAVA VIRTUAL MACNHINE
对常数字符串在 二进制码(JAVA BYTECODE)内表逹的规范.

阶段三是TOMCAT(或其的application container)加载和执行阶段二得来的JAVA二进制码, 输出的结果( 也就是BROWSER(客户端))
见到的. 这时一早隐藏在阶段一和二的参数contentType, 就发挥了功效. (见 阶段一的 ).

response.setContentType(”text/html; charset=utf-8″);

出来的可以是 utf-8, Big5, gb2312, 看的就是JSP ? contentType的设定.



还有, pageEncoding 和contentType的预设都是 ISO8859-1. 而随便设定了其中一个, 另一个就跟着一样了(TOMCAT4.1.27是如此).
但这不是绝对, 看的各自JSPC的处理方式. 而pageEncoding不等于contentType, 更有利亚洲区的文字 CJKV系JSP网页的开发和展示,
(例pageEncoding=Big5 不等于 contentType=utf-8).
JSP页面中的pageEncoding和contentType两种属性的区别.
03-11
JSP要经过两次的“编码”，第一阶段会用pageEncoding，第二阶段会用utf-8至utf-8，第三阶段就是由Tomcat出来的网页， 用的是contentType。
JSP页面中的pageEncoding和contentType两种属性
flfna的专栏
06-30 1714
转：http://developer.51cto.com/art/201106/270666.htm 关于JSP页面中的pageEncoding和contentType两种属性的区别：pageEncoding是jsp文件本身的编码contentType的charset是指服务器发送给客户端时的内容编码JSP要经过两次的“编码”，第一阶段会用pageEncodin
引自高手的pageEncoding和ContentType区别
wangchong0的专栏
07-14 1355
pageEncoding     在JSP标准的语法中，如果pageEncoding属性存在，那么JSP页面的字符编码方式就由pageEncoding决定，否则就由contentType属性中的charset决定，如果charset也不存在，JSP页面的字符编码方式就采用默认的ISO-8859-1。ContentType     ContentType属性指定了MIME类型和JSP页面回应时的字符
pageEncoding和contentType的区别
lijihuai1978的专栏
02-23 996
contentType — 指定的是JSP页最终 Browser(客户端)所见到的网页内容的编码.就是 Mozilla的 Character encoding, 或者是 IE6的 encoding. 例如 JSPtw Forum 用的contentType就是 Big5.pageEncoding — 指定JSP编写时所用的编码如果你的是 WIN98, 或 ME 的NOTEPAD记事本编写JSP,
pageEncoding与contentType的区别
smiky的专栏
01-25 213
先说疑惑，再转文章   资料显示，pageEncoding指的是jsp本身页面文件的编码。在正常的非jsp开发中，对于一个java类，在编译时默认是不需要指定编译时的字符集的，它默认采用本地操作系统字符集，如GBK,如果你将一个java类改成UTF-8格式的，但在javac时不指定字符集，你会发现运行这个java类时，出来的东西就会有乱码。对于JSP相当于多了一个过程，将jsp转成java的过...
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.util.List" %> <%@ page import="org.example.work1.pojo.Order" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>管理员查看所有用户订单</title> </head> <body> <h1>管理员查看所有用户订单</h1> <% // 假设所有订单数据存储在 application 中，这里获取订单数据 List<Order> allOrders = (List<Order>) application.getAttribute("allOrders"); if (allOrders == null || allOrders.isEmpty()) { %> <p>暂无订单信息。</p > <% } else { %> <table border="1"> <tr> <th>订单 ID</th> <th>用户 ID</th> <th>订单总价</th> </tr> <% for (Order order : allOrders) { %> <tr> <td><%= order.getId() %></td> <td><%= order.getUser() %></td> <td><%= order.getTotalPrice() %></td> </tr> <% } %> </table> <% } %> </body> </html>为什么显示500
04-17
类似于 Hive 远程连接中的 NoClassDefFoundError 和 ClassNotFoundException 报错情况[^2]，当项目缺少必要的类文件（比如 Apache Thrift 库），同样会在加载阶段失败并触发 HTTP 500 响应码。 4. **路径配置问题*...
<%@ page contentType="text/html" %> <%@ page pageEncoding="utf-8" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>运算输入表单</title> <script> function validateForm() { var num1 = document.forms["form"]["numberOne"].value; var num2 = document.forms["form"]["numberTwo"].value; if (isNaN(num1) || isNaN(num2)) { alert("请输入有效的数字！"); return false; } return true; } </script> </head> <body bgcolor="#ffccff"> <form action="computer.jsp" method="post" name="form" onsubmit="return validateForm()"> <p style="font-family: 宋体; font-size: 18px; color: blue"> 输入运算数，选择运算符号 ：<br> <input type="text" name="numberOne" size="6"/> <select name="operator"> <option selected="selected" value="+">加</option> <option value="-">减</option> <option value="*">乘</option> <option value="/">除</option> </select> <input type="text" name="numberTwo" size="6"/> <br> <input type="submit" name="submit" value="提交" /> </p> </form> </body> </html>
最新发布
10-13
确保`pageEncoding`和`contentType`中的字符编码一致，如都使用UTF - 8。 - **JavaScript兼容性问题**：不同浏览器对JavaScript的支持可能存在差异，编写代码时尽量使用标准的JavaScript语法，并进行多浏览器测试。
<%-- Created by IntelliJ IDEA. User: 13498 Date: 2025/9/22 Time: 08:59 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>首页</title> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function (){ $.post("jjb.do",function (f){ $.each(f,function (i,e){ $("#xx").append("<option value='"+e.cid+"'>"+e.cname+"</option>"); }) },"json") $.post("jjb.do",function (f){ $.each(f,function (i,e){ $("#xxx").append("<option value='"+e.cid+"'>"+e.cname+"</option>"); }) },"json") $.post("a.do",$("form").serialize(),function (f){ $("#xxt").click(function (){ $.each(f,function (i,e){ $("#tb").append('<tr>\n'+ '<td>'+e.tname+'</td>\n'+ '<td>'+e.tprice+'</td>\n'+ '</tr>'); }) }) },"json") }) </script> </head> <body> <form> <div class="form-group"> <div class="label"> <label>始发站：</label> </div> <div class="field"> <select class="input" style="width:30%" id="xx" name="cid"> <option>--请选择--</option> </select> </div> </div> <div class="form-group"> <div class="label"> <label>终点站：</label> </div> <div class="field"> <select class="input" style="width:30%" id="xxx" name="xid"> <option>--请选择--</option> </select> </div> </div> <div class="field"> <button class="button bg-main icon-check-square-o" type="button" id="xxt">查询</button> </div> <tbody id="tb"> </tbody> </form> </body> </html> 这个页面的下拉表单显示？？，该怎么处理
09-23
<think> 我们面临的问题是：使用AJAX（特别是$.post）提交表单时，下拉菜单的值在服务器端接收到的是问号（??）。页面是JSP且已设置UTF-8编码。根据引用内容，我们可以使用jQuery的serialize()方法来简化表单数据的...
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>泰信应用商城管理系统</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <style> /* 全局样式 */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Microsoft YaHei', Arial, sans-serif; } body { background-color: #f5f7fa; color: #333; } /* 顶部导航栏 */ .header { background: linear-gradient(135deg, #0066cc, #004080); color: white; padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: fixed; width: 100%; top: 0; z-index: 1000; } .header h1 { font-size: 22px; font-weight: 500; } .user-info { font-size: 14px; } .user-info a { color: white; text-decoration: none; margin-left: 10px; padding: 5px 10px; border-radius: 4px; transition: background 0.3s; } .user-info a:hover { background: rgba(255, 255, 255, 0.2); } /* 主容器 */ .container { display: flex; margin-top: 60px; min-height: calc(100vh - 60px); } /* 左侧菜单 */ .nav { width: 220px; background: white; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.05); position: fixed; height: 100%; padding-top: 20px; overflow-y: auto; } .nav ul { list-style: none; } .nav li { border-bottom: 1px solid #f0f0f0; } .nav a { display: block; padding: 15px 25px; color: #555; text-decoration: none; transition: all 0.3s; font-size: 14px; } .nav a:hover { background: #f8f9fa; color: #0066cc; border-left: 3px solid #0066cc; padding-left: 22px; } .nav a.active { background: #e6f2ff; color: #0066cc; border-left: 3px solid #0066cc; font-weight: 500; } /* 右侧内容区 */ .content { flex: 1; margin-left: 220px; padding: 30px; background: white; min-height: calc(100vh - 60px); box-shadow: -2px 0 10px rgba(0, 0, 0, 0.05); } .content h2 { color: #0066cc; margin-bottom: 20px; font-weight: 500; font-size: 24px; padding-bottom: 15px; border-bottom: 1px solid #eee; } .content p { line-height: 1.6; color: #666; } /* 响应式设计 */ @media (max-width: 768px) { .nav { width: 180px; } .content { margin-left: 180px; padding: 20px; } } </style> </head> <body> <!-- 顶部导航栏 --> <div class="header"> <h1>泰信应用商城管理系统</h1> <div class="user-info"> 欢迎, <%= session.getAttribute("username") %> | <a href="login.jsp">退出</a> </div> </div> <!-- 主容器 --> <div class="container"> <!-- 左侧菜单 --> <div class="nav"> <ul> <li><a href="provider.jsp" class="active">应用提供商</a></li> <li><a href="category.jsp">应用分类管理</a></li> <li><a href="app.jsp">应用新加</a></li> <li><a href="upgrade.jsp">应用升级</a></li> <li><a href="signature.jsp">应用签名</a></li> </ul> </div> <!-- 右侧内容区 --> <div class="content"> <h2>欢迎使用泰信应用商城管理系统</h2> <p>请从左侧导航栏选择您要操作的功能模块。</p> <!-- 可以在这里添加仪表盘内容 --> <div style="margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 6px;"> <h3 style="color: #555; margin-bottom: 15px;">系统概览</h3> <p>当前系统版本：v1.0.0</p> <p>最后登录时间：<%= new java.util.Date() %></p> </div> </div> </div> </body> </html> 修改代码 还是左侧左侧菜单中 一行一行显示 不要隐藏
09-17
<think> 我们正在处理一个泰信应用商城管理系统的代码修改需求，目标是让左侧菜单一行一行显示且不隐藏。 根据用户描述，我们需要修改JSP和CSS代码。通常，左侧菜单的隐藏可能是通过CSS控制（如display:none）或者...
``` <%@ page language="java" import="test_package.*" import="java.util.*" import="java.sql.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" href="../style/certificate.css"> </head> <body> <% List<test_information> list = (List<test_information>)session.getAttribute("date"); %> <div class = "tit">查看凭证</div> <div class = "Ribbon"> <table> <tr> <td style="white-space: nowrap;"> <!-- 按钮1 --> <input type="button" value="传统记账" class="R_button"> <!-- 表单2 - 导出 --> <form action="" class="inline-form"> <input type="submit" value="导出" class="R_button"> </form> <!-- 表单3 - 打印 --> <form id="printForm" action="white.jsp" method="post" class="inline-form"> <input type="hidden" id="selectedTelsHiddenField" name="telsToPrint"> <input type="submit" value="打印" onclick="return submitSelectedTels();" class="R_button"> </form> <!-- 按钮4 --> <input type="button" value="模板" onclick="template.show()" class="R_button"> </td> <td> <input type = "text" name = "search_name"> <input type = "button" value = "搜索"> </td> </tr> </table> </div> <div class="body"> <table class="cer" > <% for(test_information news:list) { %> <!-- 将每条记录分为两列展示 --> <tr> <td class="zero_box"> <input type="checkbox" name="selectedTels" value="<%=news.getTel()%>" onchange="updateSelection(this)" style = "zoom : 300%"> </td> <td class="first_box"> <%= news.getMaterial() %> <br/> <%= news.getStart_time() %> </td> <td class="second_box"> <%= news.getWashing_method() %> <br/> <%= news.getPrice() %> </td> <td class="third_box"> <form action =""> <input name = "id" value ="<%=news.getTel() %>" type = "hidden"> <input type ="submit" class = "func_button" value = "税费" ><br> <input type ="submit" class = "func_button" value = "查看凭证" ><br> <input type ="submit" class = "func_button" value = "删除凭证" > </form> <br/> </td> </tr> <% } %> </table> <div style="display:none;" id="printArea"></div> </div> <script> let selectedTelsArray = []; function updateSelection(el) { if (el.checked && !selectedTelsArray.includes(el.value)) { // 如果当前被选中，则加入集合 selectedTelsArray.push(el.value); } else { // 否则移除该元素 const indexToRemove = selectedTelsArray.indexOf(el.value); if (indexToRemove !== -1) { selectedTelsArray.splice(indexToRemove, 1); } } console.log(selectedTelsArray); // 输出调试信息 } // 提交之前设置 hidden field 的值 function submitSelectedTels() { document.getElementById('selectedTelsHiddenField').value = JSON.stringify(selectedTelsArray); return true; } </script> </body> </html>```为什么搜索框和搜索按钮未对齐
03-18
从您提供的代码来看，搜索框 `<input type="text" name="search_name">` 和搜索按钮 `<input type="button" value="搜索">` 位于表格的一个单元格内 (`<td>` 标签)，但它们未能正确对齐可能是由于以下几个原因： ...
contentType和pageEncoding的区别
weixin_33845881的博客
03-14 189
pageEncoding指的是JSP文件本身的编码，而contentType中的charset指的是服务器发送给客户端的内容编码。 在JSP中，如果pageEncoding存在，那么JSP的编码将由pageEncoding决定，否则将由contentType中的charset属性决定；如果两者都不存在，则将默认使用ISO-8859-1的编码方式。 在JSP中，所有的内容都要经过两次的编码操作，...
contentType 与pageEncoding区别
weixin_33963189的博客
11-28 129
一、contentType 与pageEncoding区别 contentType -- 指定的是JSP页最终 Browser(客户端)所见到的网页内容的编码. 就是 Mozilla的 Character encoding, 或者是 IE6的 encoding. 例如 JSPtw Forum 用的contentType就是 Big5. pageEncodin...
pageEncoding和ContentType的区别
qingdatiankong的博客
11-17 455
pageEncoding       在JSP标准的语法中，如果 pageEncoding属性存在，那么JSP页面的字符编码方式就由pageEncoding决定，否则就由contentType属性中的 charset决定，如果charset也不存在，JSP页面的字符编码方式就采用默认的ISO-8859-1。 ContentType       ContentType属性指定了MIME类型和J
jsp charset pageEncoding区别，中文乱码解决
顾传龙
07-13 890
转载自 软件钢琴师最终编辑 铁书来也JSP指令标签中这句有什么用途？ 关于JSP页面中的pageEncoding和contentType两种属性的区别：　　pageEncoding是jsp文件本身的编码　　contentType的charset是指服务器发送给客户端时的内容编码
PageEncoding和ContentType的区别
菜到怀疑人生的博客
01-05 1600
博主只是学生，本博客的内容均为本人自己的理解，若有不正确的地方，希望大家指正，不胜感激              由于这两者涉及到编码，先来说说编码的一些问题，大多数人将编码和字符集两者搞混，例如平常常说的unicode，其实是一个字符集，所谓的字符集包括两个方面，一、字符的集合，二、编码方案，unicode字符集的编码方式有UTF-8，UTF-16，UTF-32，其中UTF-16又分
ContentType ，charset和pageEncoding的区别
lgxzzz的博客
05-10 646
========================说法一=========================== ContentType 属性指定响应的 HTTP 内容类型。如果未指定 ContentType，默认为 text/HTML。 　　语法　　Response.ContentType [= ContentType ] 　　参数 　　ContentType pageEncoding是jsp文件本身的编码 contentType的charset是指服务器发送给客户端时的内容编码 JSP要经过两次的.
contentType和pageEncoding属性的区别
LittleFlown的博客
09-09 859
前言：     在jsp中，使用page指令标识的话，contentType和pageEncoding属性经常同时使用，那么这两个属性有什么区别呢？     <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>区别：     pageEncoding属性：作用是指定jsp
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值