AJAX+jspÎÞË¢ÐÂÑéÖ¤ÂëʵÀý
[list=1]
ÎÒÃÇÔÚ×öÑéÖ¤ÂëµÄʱºòÍùÍùÓÉÓÚÒª·´×÷±×£¬ÑéÖ¤ÓÐʱ¹ÊÒâ¼ÓÈë¶àµÄ¸ÉÈÅÒòËØ£¬ÕâʱÑéÖ¤ÂëÏÔʾ²»ºÜÇå³þ£¬Óû§¾³£ÊäÈë´íÎó¡£ÕâÑù²»µ«ÒªÖØÐÂË¢ÐÂÒ³Ãæ£¬µ¼ÖÂÓû§Ã»Óп´Çå³þÑéÖ¤Âë¶øÖØÌî¶ø²»ÊÇÐ޸쬶øÇÒÈç¹ûûÓÐÓÃsession±£´æÏÂÓû§ÊäÈëµÄÆäËüÊý¾ÝµÄ»°(ÈçÐÕÃû)£¬Óû§¸Õ¸ÕÊäÈëµÄÄÚÈÝÒ²²»´æÔÚÁË£¬ÕâÑù¸øÓû§Ôì³É²»ºÃµÄÌåÑé¡£
±¾ÀýÔÚÔÓÐÑéÖ¤·½Ê½»ù´¡Ö®ÉÏÔö¼ÓÒ»¶Îjs£¬Í¨¹ýxmlhttpÀ´»ñÈ¡·µ»ØÖµ£¬ÒÔ´ËÀ´ÑéÖ¤ÊÇ·ñÓÐЧ£¬ÕâÑù¼´Ê¹Óû§ä¯ÀÀÆ÷²»Ö§³Öjs£¬Ò²²»»áÓ°ÏìËûµÄÕý³£Ê¹ÓÃÁË¡£
ΪÁË·ÀÖ¹×÷±×£¬µ±Óû§Á¬½Ó3´ÎÊäÈë´íÎóʱÔòÖØÔØÒ»ÏÂͼƬ£¬ÕâÑùÒ²ÀûÓÚÓû§ÒòΪͼƬÉϵÄÑéÖ¤Âë±æÈϲ»Çå¶øÊ¹ÖÕÎÞ·¨ÊäÈëÕýÈ·¡£
±¾Àý»¹ÌرðÊʺϼìÑéÓû§ÃûÊÇ·ñÓÐЧ£¬Ö»Òª´Óºǫ́×ö¸ösql²éѯ£¬·µ»ØÒ»¸öÖµ»òÊÇxml¼´¿É¡£(ÕâÖÖÀý×ÓÌ«¶à £¬¾ÍÔڴ˲»×¸ÊöÁË)¡£
±¾ÀýµÄÓŵãÔÚÓڷdz£·½±ãÓû§ÊäÈ룬¶øÇÒ¼õÉÙ¶Ô·þÎñÆ÷¶ËµÄÇëÇ󣬿ÉÒÔ˵¼È¸ÄÉÆÓû§ÌåÑé¶øÇÒÂÔ»á½ÚÊ¡´ø¿í³É±¾£¬µ«ÏàÓ¦µØÒªÔÚÒ³ÃæÉÏÔö¼ÓÒ»¶ÎJavaScript´úÂ룬ÔÚÄ¿Ç°ÍøËÙÔ½À´Ô½¿ìÈËÃÇÒªÇó±ã½ÝÊæÊʵĽñÌì£¬ËÆºõÎÒÃǸüӦעÒâÌṩ¸øÓû§Á¼ºÃµÄʹÓøÐÊÜ¡£ ´úÂëÈçÏ£¬
1,img.jsp,ÊäÈëÖ÷Ò³Ãæ
<%@ page contentType="text/html; charset=GBK" language="java" import="java.sql.*" errorPage="" pageEncoding="GBK"%>
<%
//set Chinese Char
//Cody by JarryLi@gmail.com;
//homepage:jiarry.126.com
request.setCharacterEncoding("GBK");
response.setCharacterEncoding("GBK");
response.setContentType("text/html; charset=GBK");
%>
<html>
<head>
<title>ͼƬÑéÖ¤</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script src="net.js"></script>
</head>
<body>
AJAX(ÎÞˢм°Ê±Ìáʾ)ÑéÖ¤ÂëʵÀý£¡cody by jarry
<hr>
<%
String num=request.getParameter("num");
String random=(String)session.getAttribute("random");
String name=request.getParameter("name");
if(num!=null&&random!=null&&name!=null)
{
if(num.equals(random))
{
out.println("<font style=\"color:green;font-weight:bold\">¹§Ï²Äú£¬ÑéÖ¤ÂëÊäÈë³É¹¦£¬ÕâÀïÊÇÌá½»½á¹ûÒ³Ãæ£¬¿ÉÒÔдÈëÊý¾Ý¿âÁË£¡</font> <a href=\"img.jsp\">·µ»ØÔÙ²âÊÔ</a><br>");
&nb
Ïà¹ØÎĵµ£º
1.ʲôÊÇAjax?
AjaxµÄÈ«³ÆÊÇ£ºAsynchronous + JavaScript+XML --------------------> Òì²½µÄ(²»Í¬Ê±µÄ) javascript ¼° xml
2.AjaxµÄ¶¨Ò壺
Ajax²»ÊÇÒ»¸ö¼¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸ÖÖ¼¼Êõ£¬Ã¿ÖÖ¼¼Êõ¶¼ÓÐÆä¶ÀÌØÕâ´¦£¬ºÏÔÚÒ»Æð¾Í³ÉÁËÒ»¸ö¹¦ÄÜÇ¿´óµÄм¼Êõ¡£
3.Ajax°üÀ¨£º
XHTMLºÍCSS
ʹÓÃÎĵµ¶ ......
1\ÒýÓÃajax.dll»òÕßajaxpro.dllµ½vs2005¹¤³ÌÖÐ
ÔÚweb.configÎļþÖеģ¼system.web£¾¼ÓÈëajaxÉèÖÃ
£¼httpHandlers£¾
¡¡£¼add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/£¾
£¼/httpHandlers£¾
2\±àдajax´úÂë
&nb ......
JSP¶¯×÷ÀûÓÃXMLÓï·¨¸ñʽµÄ±ê¼ÇÀ´¿ØÖÆServletÒýÇæµÄÐÐΪ¡£ÀûÓÃJSP¶¯×÷¿ÉÒÔ¶¯Ì¬µØ²åÈëÎļþ¡¢ÖØÓÃJavaBean×é¼þ¡¢°ÑÓû§Öض¨Ïòµ½ÁíÍâµÄÒ³Ãæ¡¢ÎªJava²å¼þÉú³ÉHTML´úÂë¡£
JSP¶¯×÷°üÀ¨£º
jsp:include£ºÔÚÒ³Ãæ±»ÇëÇóµÄʱºòÒýÈëÒ»¸öÎļþ¡£
jsp:useBean£ºÑ°ÕÒ»òÕßʵÀý»¯Ò»¸öJavaBean¡£
jsp:setProperty£ºÉèÖÃJavaBeanµÄÊôÐÔ¡£ ......
1¡¢XMLHttpRequest¶ÔÏóµÄ´´½¨
ÓÉÓÚ ²»ÊÇw3c±ê×¼£¬ËùÒÔʹÓÃJavascript´´½¨Ö®µÄ·½·¨Ò²²»Í¬£¡Internet explorer °ÑXMLHttpRequestʵÀý»¯Îª ActiveX¿Ø¼þ£¬È»¶ø ÆäËûµÄä¯ÀÀÆ÷£¨FireFox£¬opera£©°ÑXMLHttpRequestʵÀý»¯Îª±¾µØµÄJavaScriptÒ»¸ö¶ÔÏó
ËùÒÔ Ö»ÒªÈ·¶¨ÊÇ·ñ Ö§³Ö ActiveX¿Ø¼þ¶ÔÏ󣡣¡È ......
Ò»¡¢ÏÂÔØ
J2SDK£ºjdk-1_5_0_04-windows-i586-p.exe
ECLIPSE£ºeclipse-SDK-3.2-win32.zip
ECLIPSE ²å¼þ£º
(1)ÖÐÎİü NLpack1-eclipse-SDK-3.2-win32.zip
(2)Tomcat²å¼þ tomcatPluginV31.zip
(3)LOMBAT£ºlomboz-wtp-emf-gef-jem-3.1.2.zip
TOMCAT£ºapache-tomcat-5.5.17.exe
mysql£ºMysql-5.0.15.rar
¶þ¡¢°²×°
1.°² ......