Ajax学习笔记(六)
2006-08-31 23:29
417 查看
Ajax做的一个简单国际化例子:
data_en.properties 和 newdata_zh.properties为资源文件
data_en.properties:
hello=hello
newdata_zh.properties:
hello=/u4f60/u597d
html文件:test.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>动态查询显示结果
</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHTTPRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
function startRequest(type)
{
createXMLHTTPRequest();
var url="PostData?type="+type+"&timeStamp="+new Date().getTime();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function handleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("selectdata").innerHTML=xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<input type="button" value="中文" onclick="startRequest('zh');"/><br><br>
<input type="button" value="英文" onclick="startRequest('en');"/><br><br>
<div id="selectdata"></div>
</form>
</body>
</html>
java文件:
import java.io.*;
import java.net.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.util.*;
public class PostData extends HttpServlet
{
private ServletContext context;
public void init(ServletConfig config)throws ServletException
{
context=config.getServletContext();
}
protected void doGet(HttpServletRequest req,HttpServletResponse res)throws ServletException,IOException
{
Properties ps_zh;
Properties ps_en;
String responseText;
res.setContentType("text/xml");
req.setCharacterEncoding("gb2312");
res.setCharacterEncoding("gb2312");
String type=req.getParameter("type");
//System.out.println(type);
if(type.equals("en"))
{
ps_en=new Properties();
InputStream in=context.getResourceAsStream("/WEB-INF/data_en.properties");
ps_en.load(in);
responseText=(String)ps_en.get("hello");
}
else
{
ps_zh=new Properties();
InputStream in=context.getResourceAsStream("/WEB-INF/newdata_zh.properties");
ps_zh.load(in);
responseText=(String)ps_zh.get("hello");
}
//System.out.println(responseText);
res.getWriter().print(responseText);
}
protected void doPost(HttpServletRequest req,HttpServletResponse res)throws ServletException,IOException
{
doGet(req,res);
}
}
data_en.properties 和 newdata_zh.properties为资源文件
data_en.properties:
hello=hello
newdata_zh.properties:
hello=/u4f60/u597d
html文件:test.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>动态查询显示结果
</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHTTPRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
function startRequest(type)
{
createXMLHTTPRequest();
var url="PostData?type="+type+"&timeStamp="+new Date().getTime();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function handleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("selectdata").innerHTML=xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<input type="button" value="中文" onclick="startRequest('zh');"/><br><br>
<input type="button" value="英文" onclick="startRequest('en');"/><br><br>
<div id="selectdata"></div>
</form>
</body>
</html>
java文件:
import java.io.*;
import java.net.*;
import javax.servlet.*;
import javax.servlet.http.*;
import java.util.*;
public class PostData extends HttpServlet
{
private ServletContext context;
public void init(ServletConfig config)throws ServletException
{
context=config.getServletContext();
}
protected void doGet(HttpServletRequest req,HttpServletResponse res)throws ServletException,IOException
{
Properties ps_zh;
Properties ps_en;
String responseText;
res.setContentType("text/xml");
req.setCharacterEncoding("gb2312");
res.setCharacterEncoding("gb2312");
String type=req.getParameter("type");
//System.out.println(type);
if(type.equals("en"))
{
ps_en=new Properties();
InputStream in=context.getResourceAsStream("/WEB-INF/data_en.properties");
ps_en.load(in);
responseText=(String)ps_en.get("hello");
}
else
{
ps_zh=new Properties();
InputStream in=context.getResourceAsStream("/WEB-INF/newdata_zh.properties");
ps_zh.load(in);
responseText=(String)ps_zh.get("hello");
}
//System.out.println(responseText);
res.getWriter().print(responseText);
}
protected void doPost(HttpServletRequest req,HttpServletResponse res)throws ServletException,IOException
{
doGet(req,res);
}
}
相关文章推荐
- AJAX 基础理论学习笔记
- JavaScript高级程序设计 XML、Ajax 学习笔记
- 学习笔记--Ajax
- 学习笔记---------------ajax
- loadrunner 学习笔记--AJAX
- 整理一下当年的学习笔记之:ajax请求json和普通项
- Angularjs学习笔记——Ajax服务(跨域)&&ng路由
- 学习笔记:ajax使用规则讲解
- Ajax学习笔记
- Ajax 学习笔记(2)
- Ajax.NET(学习资料笔记一)
- javascript dom 学习笔记(三),ajax
- ajax,json学习笔记(三)JSON和jquery实现ajax
- ASP.NET AJAX Extensions 学习笔记之下载安装
- ajax学习笔记----基础介绍
- ajax学习笔记二:javascript实现命名空间(ajax封装类的例子)
- Ajax处理JSON数据参考【学习笔记】
- jquery学习笔记四:ajax
- Ajax学习笔记整理
- Asp.Net Ajax 学习笔记13 Microsoft AJAX Library中异步通信层(摘自网络)