jqueryÖ±½ÓÏÔʾjsp·µ»ØµÄÊý¾Ý
jQueryÊÇĿǰһ¸öºÜÁ÷ÐеÄjs¿ò¼Ü£¬ËüÒ²ÌṩÁ˶ÔajaxºÜºÃµÄÖ§³Ö¡£Ê¹ÓÃajaxÒì²½ÇëÇóÊý¾Ýʱ£¬Èç¹û·þÎñÆ÷·µ»ØµÄÒ»¸öÁбíÊý¾Ý£¬Í¨³£µÄ×ö·¨ÊǰÑÁбíÊý¾Ýת»»³Éjson¸ñʽµÄÊý¾Ý£¬È»ºó·µ»Øµ½Ò³Ã棬ʹÓÃjQuery½øÐнâÎö²¢Óñí¸ñÀ´ÏÔʾ£¬ÕâÒªÇóÄã¶Ôjavascript½âÎöjsonºÜÊì͸¡£
ÎÒÔÚÕâÀïÌṩһÖÖͶ»úÈ¡ÇɵÄ×ö·¨£¬Ê¹ÓÃjQuery·¢ËÍÒì²½ÇëÇó¸øServlet£¬ServletÈÔȻʹÓÃJSPäÖȾ½á¹û£¬×îºóÓÉJSP·µ»Øhtml¸ø¿Í»§¶ËÒ³Ãæ£¬¿Í»§¶ËÒ³ÃæÍ¨¹ýjQueryÖ±½Ó°ÑÊý¾ÝÏÔʾÔÚÒ³ÃæÉÏ¡£ÕâÑù¾Í¿ÉÒÔÔÚJSPÒ³ÃæÉϼÌÐøÊ¹ÓÃÀàËÆJSTLµÄ±êÇ©¿âÀ´Íê³ÉÊý¾ÝµÄÏÔʾ¡£¾ßÌåʾÀýÈçÏ£º
1. ¿Í»§¶Ë·¢ÆðÇëÇóºÍÏÔʾ½á¹ûµÄÒ³Ãæ: index.html
<?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.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ajaxÖ±½ÓÏÔʾjsp·µ»ØµÄÊý¾Ý</title>
<mce:script type="text/javascript" src="js/jquery-1.3.2.min.js" mce_src="js/jquery-1.3.2.min.js"></mce:script>
<mce:script type="text/javascript"><!--
function doSearch(){
//ʹÓÃajax·¢ËÍÒì³£ÇëÇóµ½test.do¡£°Ñ·µ»ØµÄ HTMLÎļþ´úÂë²åÈëIDΪdataµÄÔªËØÖÐ
$("#data").load('test.do?'+Math.random());
}
// --></mce:script>
</head>
<body>
<div>
<input type="button" value="²éѯÊý¾Ý" onclick="doSearch()"/>
<input type="button" value="Çå³ýÊý¾Ý" onclick="$('#data').html('')"/>
</div>
<div id="data"></div>
</body>
</html>
2. ·þÎñÆ÷½ÓÊÕÇëÇó²¢´¦ÀíÊý¾ÝµÄServlet: TestServlet.java
package com.qiujy.web.controller;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class TestServlet extends HttpServlet {
private static final long seri
Ïà¹ØÎĵµ£º
Ò»¡¢Çå³ýÒ³Ãæ»º´æ
ÔÚjspÒ³Àï
<%response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
response.flushBuffer();%>
ÔÚhtmlÒ³Àï
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META HTTP-EQUI ......
Ò»¡¢JSPÒ³ÃæÏÔʾÂÒÂë
¶þ¡¢±íµ¥Ìá½»ÖÐÎÄʱ³öÏÖÂÒÂë
Èý¡¢Êý¾Ý¿âÁ¬½Ó
´ó¼ÒÔÚJSPµÄ¿ª·¢¹ý³ÌÖУ¬¾³£³öÏÖÖÐÎÄÂÒÂëµÄÎÊÌ⣬¿ÉÄÜÒ»ÖÁÀ§ÈÅ×ÅÄú£¬ÎÒÏÖÔÚ°ÑÎÒÔÚJSP¿ª·¢ÖÐÓöµ½
µÄÖÐÎÄÂÒÂëµÄÎÊÌâ¼°½â¾ö°ì·¨Ð´³öÀ´¹©´ó¼Ò²Î¿¼¡£
Ò»¡¢JSPÒ³ÃæÏÔʾÂÒÂë
ÏÂÃæµÄÏÔÊ¾Ò³Ãæ(display.jsp)¾Í³öÏÖÂÒÂ룺
<html>
<head>
<tit ......
http://hi.baidu.com/shedewang/blog/item/b4a71b254e43ce35c895599b.html
˵ÊÇÖ§³Ö1ÒÚpv/Ì죬ҲÐíÓеã¿äÕÅ£¬µ«Èç¹ûÄúÄÜÈÏÕæ¿´ÍêÏàÐÅÒ²²»»áÈÃÄúʧÍû¡£
Èç¹û´ó¼ÒÕæÏëÖ§³ÖÎÒ¡¢Ö§³ÖÖйúÈË¿ªÔ´ÏîÄ¿£¬Çë°Ñ¸ÃÎÄÌùµ½×Ô¼ºµÄ²©¿ÍÖлòÕßÊղر¾ÎÄ£¬¼ÇµÃ°üº¬ÎĵµµÄÏÂÔØµØÖ·£¡£¡£¡£¡£¡£¡£¡Ð»Ð»¡£
ÎÒ˵µÄϵͳÖ÷ÒªÊǹ¹½¨ÔÚhibernateÖ®ÉÏ ......
²½ÖèÒ»£º±à¼TomcatµÄÅäÖÃÎļþconf/server.xmlÔÚÓÃÓÚ½ÓÊܿͻ§¶ËÓï·¨µÄConnector<connector></connector>±êÇ©ÖÐÌí¼ÓURIEncoding="UTF-8"ÊôÐÔ£¬¸ÃÊôÐÔÓÃÀ´½â¾öGETÖеıàÂëÎÊÌâ¡£
xml ´úÂë
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8" / ......
Ò»¡¢×ܵÄÀ´ËµÕâ¸ö½×¶ÎÖ÷ҪѧϰÁËÒ»ÏÂÕâЩ·½ÃæµÄ֪ʶ
£¨1£©¶ÔÒÑ¾ÕÆÎÕÁ˵ÄHTML½øÒ»²½ÊìϤºÍϸ»¯
£¨2£©ÒÔǰ²»´óÊìϤµÄCSSÓиö¸ü½øÒ»²ãµÄÈÏʶµÄÕÆÎÕ
£¨3£©ÔÚVBscriptµÄ»ù´¡ÉÏÈ«ÃæÑ§Ï°ÁËjavascript£¬½Å±¾ÓïÑÔ¿é¿ÉÒÔ˵»ù±¾µÄ¶¼Ó¦¸ÃÄÜ×öµÄ³öÀ´¡£
£¨4£©Ç°ÆÚÒ²¶ÔjavaÖеÄTCPÐÒéºÍUDPÐÒéϵͳµÄѧϰÁËÒ»±é£¬Ò²¾ÍÊÇSOCKET±à³ÌÒ»¿ ......