1Q服务器~少中文字体Q这多发生在Hp{unix操作pȝ上，解决的方法就是下载可用字体库到系l中Q?br />
有h也提出在Windows上生图片在传回到UnixL上的Ҏ?br />
2QY件版本问题，jfreechart-1.0.10有h说没有问题，但jfreechart-1.0.11?3都有问题Q我用的最新的jfreechart-1.0.13不做讄是有问题的?br />
I其原因Q是它代码的内部讄的字体有问题.
其下是具体的解决办法Q?br />
// 讄字体
Font xfont = new Font("宋体",Font.PLAIN,12) ;// X?nbsp;
Font yfont = new Font("宋体",Font.PLAIN,12) ;// Y?nbsp;
Font kfont = new Font("宋体",Font.PLAIN,12) ;// 底部
Font titleFont = new Font("隶书", Font.BOLD , 25) ; // 囄标题
CategoryPlot plot = chart.getCategoryPlot();// 囑Ş的绘制结构对?nbsp;
// 囄标题
chart.setTitle(new TextTitle(chart.getTitle().getText(),titleFont));
// 底部
chart.getLegend().setItemFont(kfont);
// X ?nbsp;
CategoryAxis domainAxis = plot.getDomainAxis();
domainAxis.setLabelFont(xfont);// 轴标?nbsp;
domainAxis.setTickLabelFont(xfont);// 轴数?nbsp;
domainAxis.setTickLabelPaint(Color.BLUE) ; // 字体颜色
domainAxis.setCategoryLabelPositions(CategoryLabelPositions.UP_45); // 横u上的label斜显C?nbsp;
// Y ?nbsp;
ValueAxis rangeAxis = plot.getRangeAxis();
rangeAxis.setLabelFont(yfont);
rangeAxis.setLabelPaint(Color.BLUE) ; // 字体颜色
rangeAxis.setTickLabelFont(yfont);
}
]]>
?核心容器Q核心容器提?Spring 框架的基本功能。核心容器的主要lg?BeanFactoryQ它是工厂模式的实现。BeanFactory 使用控制反{ QIOCQ?模式应用程序的配置和依赖性规范与实际的应用程序代码分开?br />
?Spring 上下?/strong>QSpring 上下文是一个配|文Ӟ?Spring 框架提供上下文信息。Spring 上下文包括企业服务，例如 JNDI、EJB、电子邮件、国际化、校验和调度功能?br />
?Spring AOPQ通过配置理Ҏ，Spring AOP 模块直接面向方面的~程功能集成C Spring 框架中。所以，可以很容易地?Spring 框架理的Q何对象支?AOP。Spring AOP 模块为基?Spring 的应用程序中的对象提供了事务理服务。通过使用 Spring AOPQ不用依?EJB lgQ就可以声明性事务管理集成到应用E序中?br />
在此 我做了个demo ZSpring的核心Ioc(inversion of control) 与面向切面编EAOP(Aspect Oriented Programming)。。。。?br />
q个例子主要完成的义务逻辑是对信息的保存，主要代码如下Q?br />
package com.dr.service;
import com.dr.DAO.ProductDAO;
import com.dr.model.Product;
public class ProductService {
private ProductDAO productDAO;
public void add(Product product){
productDAO.save(product);
}
public ProductService(ProductDAO productDAO){
super();
System.out.println("ProductServic :ProductService");
this.productDAO = productDAO;
}
}
DAO层代码如下：
package com.dr.DAO;
import com.dr.model.Product;
public interface ProductDAO {
public void save(Product product);
}
package com.dr.DAO.impl;
import com.dr.DAO.ProductDAO;
import com.dr.model.Product;
public class ProductDAOImpl implements ProductDAO {
private String name;
private int id;
public String getName() {
return name;
}
public void setName(String name) {
System.out.println("ProductDAOImple :setName");
this.name = name;
}
public int getId() {
return id;
}
public void setId(int id) {
System.out.println("ProductDAOImpl :setId");
this.id = id;
}
public void save(Product product) {
//Hibernate
//JDBC
//XML
//NetWork
System.out.println("ProductDAOImpl :save :product saved!");
this.toString();
}
public String toString(){
System.out.println("id:"+id+"|name:"+name);
return null;
}
}
beans.xml部分代码Q?br />
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">
<bean id="p" class="com.dr.DAO.impl.ProductDAOImpl">
<!--采用 setter()Ҏ依赖注入-->
<property name="name" value="11"></property>
<property name="id" value="22"></property>
</bean>
<bean id="productService" class="com.dr.service.ProductService">
<constructor-arg>
<ref bean="p"/>
</constructor-arg>
</bean>
</beans>
试cȝ代码如下所C：
package com.dr.test;
import org.junit.Test;
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;
import com.dr.model.Product;
import com.dr.service.ProductService;
//Dependency Injection 依赖注入
//Inverse of Control 控制反{
public class ProductServiceTest {
@Test
public void testAdd() throws Exception {
//实例化应用上下文QXmlc\径应用上下文
ApplicationContext ctx = new ClassPathXmlApplicationContext("beans.xml");
//getBean() 所得到得对象是Objectcd的，所有在此必d制{换。。?br />
ProductService service = (ProductService) ctx.getBean("productService");
Product product = new Product();
product.toString();
product.setId(20);
product.setName("Ҏ");
service.add(product);
}
}
]]>
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;
import org.springframework.mail.SimpleMailMessage;
import org.springframework.mail.javamail.JavaMailSender;
public class Main {
/**
* @param args
*/
public static void main(String[] args) {
// TODO Auto-generated method stub
ApplicationContext context = new ClassPathXmlApplicationContext("config.xml");
JavaMailSender mailSender= (JavaMailSender) context.getBean("mailSender");
SimpleMailMessage mail = new SimpleMailMessage();
mail.setFrom("avasd@126.com");
mail.setTo("abcd@gmail.com");
mail.setSubject(" 试Mail E序");
mail.setText("q里是发送的内容");
mailSender.send(mail);
}
}
配置文g中的主要代码如下Q?br /> Spring-Mail.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE beans PUBLIC "-//SPRING//DTD BEAN//EN" "http://www.springframework.org/dtd/spring-beans.dtd">
<beans>
<bean id="mailSender" class="org.springframework.mail.javamail.JavaMailSenderImpl">
<property name="host" value="smtp.126.com" />
<property name="port" value="25" />
<property name="username" value="avasd@126.com" />
<property name="password" value="你的密码" />
<property name="javaMailProperties">
<props>
<prop key="mail.smtp.auth">true</prop>
</props>
</property>
</bean>
</beans>
在此用纯Java代码做了个小demo来发送电子邮Ӟ
package com.cmcc.mail;
/**
* 发送邮仉要用的基本信息
*/
import java.util.Properties;
public class MailSenderInfo {
// 发送邮件的服务器的IP和端?nbsp;
private String mailServerHost;
private String mailServerPort = "25";
// 邮g发送者的地址
private String fromAddress;
// 邮g接收者的地址
private String toAddress;
// 登陆邮g发送服务器的用户名和密?nbsp;
private String userName;
private String password;
// 是否需要n份验?nbsp;
private boolean validate = false;
// 邮g主题
private String subject;
// 邮g的文本内?nbsp;
private String content;
// 邮g附g的文件名
private String[] attachFileNames;
/**
* 获得邮g会话属?nbsp;
*/
public Properties getProperties(){
Properties p = new Properties();
p.put("mail.smtp.host", this.mailServerHost);
p.put("mail.smtp.port", this.mailServerPort);
p.put("mail.smtp.auth", validate ? "true" : "false");
return p;
}
public String getMailServerHost() {
return mailServerHost;
}
public void setMailServerHost(String mailServerHost) {
this.mailServerHost = mailServerHost;
}
public String getMailServerPort() {
return mailServerPort;
}
public void setMailServerPort(String mailServerPort) {
this.mailServerPort = mailServerPort;
}
public boolean isValidate() {
return validate;
}
public void setValidate(boolean validate) {
this.validate = validate;
}
public String[] getAttachFileNames() {
return attachFileNames;
}
public void setAttachFileNames(String[] fileNames) {
this.attachFileNames = fileNames;
}
public String getFromAddress() {
return fromAddress;
}
public void setFromAddress(String fromAddress) {
this.fromAddress = fromAddress;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public String getToAddress() {
return toAddress;
}
public void setToAddress(String toAddress) {
this.toAddress = toAddress;
}
public String getUserName() {
return userName;
}
public void setUserName(String userName) {
this.userName = userName;
}
public String getSubject() {
return subject;
}
public void setSubject(String subject) {
this.subject = subject;
}
public String getContent() {
return content;
}
public void setContent(String textContent) {
this.content = textContent;
}
}
package com.cmcc.mail;
import java.util.Date;
import java.util.Properties;
import javax.mail.Address;
import javax.mail.BodyPart;
import javax.mail.Message;
import javax.mail.MessagingException;
import javax.mail.Multipart;
import javax.mail.Session;
import javax.mail.Transport;
import javax.mail.internet.InternetAddress;
import javax.mail.internet.MimeBodyPart;
import javax.mail.internet.MimeMessage;
import javax.mail.internet.MimeMultipart;
/**
* 单邮Ӟ不带附g的邮Ӟ发送器
*/
public class SimpleMailSender {
/**
* 以文本格式发送邮?nbsp;
* @param mailInfo 待发送的邮g的信?nbsp;
*/
public boolean sendTextMail(MailSenderInfo mailInfo) {
// 判断是否需要n份认?nbsp;
MyAuthenticator authenticator = null;
Properties pro = mailInfo.getProperties();
if (mailInfo.isValidate()) {
// 如果需要n份认证，则创Z个密码验证器
authenticator = new MyAuthenticator(mailInfo.getUserName(), mailInfo.getPassword());
}
// Ҏ邮g会话属性和密码验证器构造一个发送邮件的session
Session sendMailSession = Session.getDefaultInstance(pro,authenticator);
try {
// Ҏsession创徏一个邮件消?nbsp;
Message mailMessage = new MimeMessage(sendMailSession);
// 创徏邮g发送者地址
Address from = new InternetAddress(mailInfo.getFromAddress());
// 讄邮g消息的发送?nbsp;
mailMessage.setFrom(from);
// 创徏邮g的接收者地址Qƈ讄到邮件消息中
Address to = new InternetAddress(mailInfo.getToAddress());
mailMessage.setRecipient(Message.RecipientType.TO,to);
// 讄邮g消息的主?nbsp;
mailMessage.setSubject(mailInfo.getSubject());
// 讄邮g消息发送的旉
mailMessage.setSentDate(new Date());
// 讄邮g消息的主要内?nbsp;
String mailContent = mailInfo.getContent();
mailMessage.setText(mailContent);
// 发送邮?nbsp;
Transport.send(mailMessage);
return true;
} catch (MessagingException ex) {
ex.printStackTrace();
}
return false;
}
/**
* 以HTML格式发送邮?nbsp;
* @param mailInfo 待发送的邮g信息
*/
public static boolean sendHtmlMail(MailSenderInfo mailInfo){
// 判断是否需要n份认?nbsp;
MyAuthenticator authenticator = null;
Properties pro = mailInfo.getProperties();
//如果需要n份认证，则创Z个密码验证器
if (mailInfo.isValidate()) {
authenticator = new MyAuthenticator(mailInfo.getUserName(), mailInfo.getPassword());
}
// Ҏ邮g会话属性和密码验证器构造一个发送邮件的session
Session sendMailSession = Session.getDefaultInstance(pro,authenticator);
try {
// Ҏsession创徏一个邮件消?nbsp;
Message mailMessage = new MimeMessage(sendMailSession);
// 创徏邮g发送者地址
Address from = new InternetAddress(mailInfo.getFromAddress());
// 讄邮g消息的发送?nbsp;
mailMessage.setFrom(from);
// 创徏邮g的接收者地址Qƈ讄到邮件消息中
Address to = new InternetAddress(mailInfo.getToAddress());
// Message.RecipientType.TO属性表C接收者的cd为TO
mailMessage.setRecipient(Message.RecipientType.TO,to);
// 讄邮g消息的主?nbsp;
mailMessage.setSubject(mailInfo.getSubject());
// 讄邮g消息发送的旉
mailMessage.setSentDate(new Date());
// MiniMultipartcL一个容器类Q包含MimeBodyPartcd的对?nbsp;
Multipart mainPart = new MimeMultipart();
// 创徏一个包含HTML内容的MimeBodyPart
BodyPart html = new MimeBodyPart();
// 讄HTML内容
html.setContent(mailInfo.getContent(), "text/html; charset=utf-8");
mainPart.addBodyPart(html);
// MiniMultipart对象讄为邮件内?nbsp;
mailMessage.setContent(mainPart);
// 发送邮?nbsp;
Transport.send(mailMessage);
return true;
} catch (MessagingException ex) {
ex.printStackTrace();
}
return false;
}
}
试E序如下Q?br />
package com.cmcc.mail;
/*****************************************************
*
* @author Ҏ?nbsp;*
* @since 2011-3-3 *
*****************************************************/
public class TestMail {
public static void main(String[] args){
//q个cM要是讄邮g
MailSenderInfo mailInfo = new MailSenderInfo();
mailInfo.setMailServerHost("smtp.126.com");
mailInfo.setMailServerPort("25");
mailInfo.setValidate(true);
mailInfo.setUserName("邮箱号@126.com");
mailInfo.setPassword("邮箱密码");//您的邮箱密码
mailInfo.setFromAddress("good_hans@126.com");
mailInfo.setToAddress("656426515@qq.com");
mailInfo.setSubject("计算中心北调N知?);
String content = "";
String header = "敬?+"aa 老师:\n"+
"您好Q\n"+
"q是一计中心（北）排课q_自动l您发送的机房评通知单，h按照下表的相应的旉通知学生到相应的机房上课\n"+
"谢谢您的支持Q您的满意是我们计算中心最大的快乐Q\n"+
"如果您对课表有Q何疑问，h拨打0315-2792027\n";
content += "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n"+
"<html xmlns=\"http://www.w3.org/1999/xhtml\">\n" +
"<head>\n" +
"<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"/>\n" +
// "<!--[if IE]><link href='/css/fkie.css' rel='stylesheet' type='text/css' media='all' /><![endif]-->\n" +
"<style type=\"text/css\">\n" +
"<!--\n"+
"html{border:0;height:100%;border:0;}\n" +
"body{margin:0;padding:0;height:100%;font:12px/120% Arial, Helvetica, sans-serif; text-align:left;}\n" +
"#main{ padding:15px 25px 15px 10px;}\n" +
".tables{ background:#b2bac5; width:100%; margin:1px 0;}\n"+
".tables caption{background:#e5e8ed; padding:1px 0 0 0; _border-bottom:solid 3px #fff; height:26px;}\n"+
".tables th{text-align:center;background:#eef7e2; color:#016bb7; font-weight: normal; line-height:22px;}\n"+
".tables tr{ background:#fff;}\n"+
".tables tr td{line-height:22px;}\n"+
".area-contrl{background:#e5e8ed; padding:1px 0 0 0; _border-bottom:solid 3px #fff; height:26px;}\n" +
"-->\n"+
"</style>\n" +
"</head>\n" +
"<body>\n" +
"<div id=\"main\">\n" +
"<div class=\"area-contrl\">\n" +
"<table class='tables' border='0' cellpadding='3' cellspacing='1'><tr><th width='35'>周次</th><th width='35'>星期</th><th width='35'>讲次</th><th width='180'>机房</th><th width='50'>人数</th><th width='100'>任课教师</th><th width='200'>班</th><th width='300'>评名称</th></tr>\n"
+"<tr><td align='center'>aaa</td><td align='center'>bbb</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>eee</td><td align='center'>fff</td></tr>\n"
+"<tr><td align='center'>aaa</td><td align='center'>bbb</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>eee</td><td align='center'>fff</td></tr>\n"
+"<tr><td align='center'>aaa</td><td align='center'>bbb</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>eee</td><td align='center'>fff</td></tr>\n"
+"<tr><td align='center'>aaa</td><td align='center'>bbb</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>ccc</td><td align='center'>ddd</td><td align='center'>eee</td><td align='center'>fff</td></tr>";
content += "</table></div></div></body></html>";
System.out.println(content);
mailInfo.setContent(content);
//q个cM要来发送邮?nbsp;
SimpleMailSender sms = new SimpleMailSender();
// sms.sendTextMail(mailInfo);//发送文体格?nbsp;
sms.sendHtmlMail(mailInfo);//发送html格式
}
}
]]>
废话说Q直接进入正题，我们先来看一些简单的ҎQ这些方法都是对jQuery.ajax()q行装以方便我们用的ҎQ当Ӟ如果要处理复杂的逻辑Q还是需要用到jQuery.ajax()?q个后面会说?.
1. load( url, [data], [callback] ) Q蝲入远E?HTML 文g代码q插入至 DOM 中?/span>
url (String) : h的HTML늚URL地址?
data (Map) : (可选参? 发送至服务器的 key/value 数据?
callback (Callback) : (可选参? h完成?不需要是success?/span>)的回调函数?
q个Ҏ默认使用 GET 方式来传递的Q如果[data]参数有传递数据进去，׃自动转换为POST方式的。jQuery 1.2 中，可以指定选择W，来筛选蝲入的 HTML 文档QDOM 中将仅插入筛选出?HTML 代码。语法Ş?"url #some > selector"?/p>
q个Ҏ可以很方便的动态加载一些HTML文gQ例如表单?br />
2. jQuery.get( url, [data], [callback] )Q用GET方式来进行异步请?/span>
参数Q?
url (String) : 发送请求的URL地址.
data (Map) : (可? 要发送给服务器的数据Q以 Key/value 的键值对形式表示Q会做ؓQueryString附加到请求URL中?
callback (Function) : (可? 载入成功时回调函?只有当Response的返回状态是success才是调用该方??/p>
q是一个简单的 GET h功能以取代复?$.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函敎ͼ请?$.ajax。示例代码：
$.get("./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){
//q回?data 可以?xmlDoc, jsonObj, html, text, {等.
this; // 在这里this指向的是Ajaxh的选项配置信息Q请参考下?/span>
alert(data);
//alert(textStatus);//h状态：successQerror{等?br />
当然q里捕捉不到errorQ因为error的时候根本不会运行该回调函数
//alert(this);
});
CZ代码Q?/pre>$.getJSON("servlet/TableServlet?flag=query", "", function(response){
$.each(response,function(i){
sel.src.add({id: response[i].id, name: response[i].name, address: response[i].address});
})
sel.render();
});
});
下面我做了一?利用jQuery Ajax 做了以小的Demo;
其中java 部分主要代码Q?br />package com.bx.web.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import net.sf.json.JSONArray;
import com.bx.dao.impl.HibernateUserDAO;
import com.bx.hibernate.User;public class TableServlet extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 5469871499359894890L;User user=new User();
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {String flag=request.getParameter("flag");
if(flag!=null&&"flag".equals("flag")){
query(request,response);
}
}public void query(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
HibernateUserDAO test=new HibernateUserDAO();
List<User> list = test.getUserList();
for(User userlist:list){
System.out.println("Table UserName+++"+userlist.getName()+
"......Hibernate Dbconfig....User.Address"+userlist.getAddress());
}
JSONArray jr=JSONArray.fromObject(list);
String jsonUser=jr.toString();
PrintWriter out = response.getWriter();
out.print(jsonUser);
out.flush();
out.close();
}
}
jsp中的代码如下Q?br />
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tabledemo</title>
<link href="css/style.css" type="text/css" rel="stylesheet"/>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/PagerView.js" type="text/javascript"></script>
<script src="scripts/SelectorView.js" type="text/javascript"></script>
<script src="scripts/SortView.js" type="text/javascript"></script>
<script src="scripts/TableView.js" type="text/javascript"></script>
<script type="text/javascript">
$ (document).ready (function() {
var sel = new SelectorView('sel_div');
sel.src.header = {
id : '~号',
name : '姓名',
address: '地址'
};
sel.dst.header = {
id : '~号',
name: '姓名',
address: '地址'
};
sel.src.dataKey = 'id';
sel.src.title = '可?;
sel.dst.dataKey = 'id';
sel.dst.title = '已?;
sel.render();
$.getJSON("servlet/TableServlet?flag=query", "", function(response){
$.each(response,function(i){
sel.src.add({id: response[i].id, name: response[i].name, address: response[i].address});
})
sel.render();
});
});
</script>
</head>
<body>
<div id="sel_div"></div>
</body>
</html>
最后在览器URL中输入：http://localhost:8080/TableWebProject/pagerList.jspq行l果
一些资?/span>
一个jQuery的Ajax Form表单插gQ?a style="background-color: rgb(255,255,216)" >http://www.malsup.com/jquery/form/
一个专门生成Loading囄的站点：http://ajaxload.info/ 大家觉得那些Loading比较炫的可以在这里跟帖晒一下，方便大家取用Q嘎?
]]>
传统的web应用允许用户填写表单(form)Q当提交表单时就向web服务器发送一个请求。服务器接收q处理传来的表单Q然后返回一个新的网c这个做法浪费了许多带宽Q因为在前后两个面中的大部分HTML代码往往是相同的。由于每ơ应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这D了用L面的响应比本地应用慢得多?
与此不同QAJAX应用可以仅向服务器发送ƈ取回必需的数据，它用SOAP或其它一些基于XML的web service接口Qƈ在客L采用JavaScript处理来自服务器的响应。因为在服务器和览器之间交换的数据大量减少Q结果我们就能看到响应更快的应用。同时很多的处理工作可以在发求的客户端机器上完成Q所以Web服务器的处理旉也减了?
Ajax应用E序的优势在于：
1. 通过异步模式Q提升了用户体验
2. 优化了浏览器和服务器之间的传输，减少不必要的数据往q，减少了带宽占?
3. Ajax引擎在客Lq行Q承担了一部分本来由服务器承担的工作，从而减了大用户量下的服务器负载?br />
XMLHttpRequest 对象
通过使用 XMLHttpRequest 对象Q?/font>web 开发者可以做到在面已加载后从服务器更新面Q?/font>
Ajax属性：
1. onreadystatechange 属?/font>
onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函敎ͼ可同时对 onreadystatechange 属性进行设|：
例如Q?br /> function getResult(username,password){
createXmlHttp(); //创徏XMLHttpRequest对象
xmlHttp.open("POST", "UserServlet?flag=add&username="+username+"&password="+password);
2. readyState 属?/font>
readyState 属性存有服务器响应的状态信息。每?nbsp;readyState 改变Ӟonreadystatechange 函数׃被执行?br />
状?/span>
其中send()Ҏ需要包含有三个参数Q第一个是发送请求所使用的（Get()和Post()ҎQ，W二个参数是规定服务器端脚本的UrlQ三个参数规定是讄对请求进行异步处理?br />
׃不再q里费口舌了Q来个Servlet Ajax的小例子吧：
首先 我们来配|Web.xml。在里面配置一个servlet,跟往怸P
<servlet>
<servlet-name>selectcity</servlet-name>
<servlet-class>com.bx.servlet.SelectCityServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>selectcity</servlet-name>
<url-pattern>/selectCityServlet</url-pattern>
</servlet-mapping>
现在看我们的.jsp 文gQ?br />
<html>
<head>
<title>select city</title>
</head>
<script type="text/javascript">
function getResult(stateVal) {
alert(stateVal);
var url = "selectCityServlet?state="+stateVal;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
}else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("GET",url, true);
req.onreadystatechange = complete;
req.send(null);
}
}
function complete(){
if (req.readyState == 4) {
if (req.status == 200) {
var city = req.responseXML.getElementsByTagName("city");
var str=new Array();
for(var i=0;i<city.length;i++){
str[i]=city[i].firstChild.data;
}
buildSelect(str,document.getElementById("city"));
}
}
}
function buildSelect(str,sel) {
for(var i=0;i<str.length;i++) {
sel.options[sel.options.length]=new Option(str[i],str[i]);
}
}
</script>
<body>
<select name="state" onChange="getResult(this.value)">
<option value="">Select</option>
<option value="zj">江</option>
<option value="zs">江苏</option>
</select>
<select id="city">
<option value="">CITY</option>
</select>
</body>
</html>
最后我们来看看servlet文g吧：
public class SelectCityServlet extends HttpServlet {
public SelectCityServlet() {
super();
}
public void destroy() {
super.destroy();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
try {
Thread.sleep(1000*3);
} catch (InterruptedException e) {
e.printStackTrace();
}
System.out.println("Hello | " + request.getParameter("state"));
response.setContentType("text/xml");
response.setCharacterEncoding("utf-8");
response.setHeader("Cache-Control", "no-cache");
String state = request.getParameter("state");
StringBuffer sb=new StringBuffer("<state>");
if ("zj".equals(state)){
sb.append("<city>hangzhou</city><city>huzhou</city>");
} else if("zs".equals(state)){
sb.append("<city>nanjing</city><city>yangzhou</city><city>suzhou</city>");
} else if("hb".equals(state)){
sb.append("<city>tangshan</city><city>handan</city>");
}
sb.append("</state>");
System.out.println(sb);
PrintWriter out=response.getWriter();
out.write(sb.toString());
out.close();
}
}
q里是不是挺单的呢，首先是通过request取得state参数Q然后通过state参数生成相应的xml文gQ最后在讲xml中的数据从printWriter输出。。目前ؓ止，q个例子已经l束了，是不是挺单的呢？Q?br />
q行l果如下Q?br />
_T5(UHXGJT7}5_20UC.jpg)
]]>
MVC (Model View Controler) 本来是存在于DesktopE序中的QM是指的是数据模型QV是指的是用户界面QC则是控制器。用MVC的目的是M和V的实C码分，从而同一个程序可以用不同的表现形式。比如说一批统计数据你可以分别用柱状图Q饼状图来表C。C存在的目的是保M和V的同步，一旦M改变了，V应该同步更新?br />
MVC构架?
说明Q?br />
~6HO504U`(7J[MJ@6Q.jpg)
模型——视䏀—控制器(MVC)是Xerox PARC在很在代为编E的语言Smalltalk--80发明的一UY件设计模式，至今q用仍ؓq泛。最q几q被推荐为Sun公司J2EEq_设计模式Qƈ且受到越来越多的使用 ColdFusion ?PHP 的开发者的Ƣ迎。模型－视图Q控制器模式是一个有用的工具，它有很多好处Q但也有一些缺炏V?br />
MVC如何工作
MVC是一个设计模式，他是强制的用程序的输入Q处理和输出分开。用MVC应用E序分成了三个核心部Ӟ模型Q视图，控制器。他们各自处理自qd?br />
模型
模型表示企业数据和业务规则。在MVC的三个部件中Q模型拥有最多的处理d。例如它可能用象EJBs和ColdFusion Componentsq样的构件对象来处理数据库。被模型q回的数据是中立的，是说模型与数据格式无关Q这样一个模型能为多个视图提供数据。由于应用于模型的代码只需写一ơ就可以被多个视N用，所以减了代码的重复性?br />
视图
视图是用L到ƈ与之交互的界面。如何处理应用程序界面变得越来越有挑战性。MVC一个大的好处是他能Z的应用程序处理很多不同的视图。在视图中其实没有真正的处理发生Q不这些数据是联机存储的还是一个雇员列表，作ؓ视图来讲Q它只是作ؓ一U输出数据ƈ允许用户操纵的方式?br />
控制?
控制器接受用L输入q调用模型和视图d成用L需求。所以当单击Web面中的链接和发送HTML表单Ӟ控制器本w不输出M东西和做M处理。它只是接收hq决定调用哪个模型构件去处理hQ然后用定用哪个视图来昄模型处理q回的数据?
MVCq不适合型甚至中等规模的应用程序，p大量旉MVC应用到规模ƈ不是很大的应用程序通常会得不偿失。但是MVC设计模式是一个很好创Y件的途径Q它所提倡的一些原则，像内容和昄互相分离可能比较好理解。但是如果你要隔L型、视囑֒控制器的构gQ你可能需要重新思考你的应用程序，其是应用程序的构架斚w。如果你肯接受MVCQƈ且有能力应付它所带来的额外的工作和复杂性，MVC会使你的Y件在健壮性，代码重用和结构方面上一个新的台阶?br />
q里我做了个比较单的E序其中使用了MVC思想Q?br /> 在这里创Z一个实体的c，也就是M(model),即Userc：
package com.bx.jstl;
public class User {
private int id; //声明了两l属性；
private String name;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
然后在此~写了一个类JSTLServlet 是承了cHttpServletcȝQ?br />
package com.bx.JSServlet;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.bx.jstl.User;
public class JSTLServlet extends HttpServlet{
public void doGet(HttpServletRequest request , HttpServletResponse response)
throws IOException , ServletException
{
List<User> list = new ArrayList<User>();
for(int i = 0 ; i < 8 ; i++)
{
User u = new User();
u.setId(i);
u.setName("name"+i);
list.add(u);
}
request.setAttribute("UserList", list);
request.getRequestDispatcher("/c_forEach.jsp").forward(request, response);
}
}
现在我们应该来配|WEB.xml了，q是每个Web目都做的一步，如下所C：
<servlet>
<servlet-name>JSTLServlet</servlet-name>
<servlet-class>com.bx.JSServlet.JSTLServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>JSTLServlet</servlet-name>
<url-pattern>/jstl</url-pattern>
</servlet-mapping>
下面我们建立一个c_forEach.jspQ在其body中的~写代码如下Q?br />
<table>
<tr><th>ID</th><th>index</th><th>count</th><th>isFirst?</th><th>isLast</th></tr>
<c:forEach var="user" items="${UserList}" varStatus="status">
<tr>
<td>
${user.id}
</td>
<td>
${user.name}
</td>
<td>
${status.index}
</td>
<td>
${status.count}
</td>
<td>
${status.first}
</td>
<td>
${status.last}
</td>
</tr>
</c:forEach>
</table>
现在我们开启comcat q行此项目，在浏览器中输入：
http://localhost:8080/JSP_JSTL_Project/jstl
得到|页为：
YZ8O0BA7X~3GYUG_[H[)97.jpg)
]]>