±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
AJAXÊÇAsynchronous JavaScript and XMLµÄËõд£¬Éæ¼°JavaScript½Å±¾¡¢XHTMLºÍCSS¡¢DOM¡¢XMLºÍXSTLµÈ¼¼Êõ¡£
l XHTMLÓëCSSʵÏÖÊý¾ÝÐÅÏ¢µÄͳһ»¯ºÍ±ê×¼»¯ÏÔʾ£»
l ʹÓÃDOMʵÏÖä¯ÀÀÆ÷¶Ë·á¸»µÄ¶¯Ì¬ÏÔʾЧ¹ûÒÔ¼°Óë·þÎñÆ÷µÄ½»»¥£»
l ʹÓÃXMLºÍXSTL½øÐÐä¯ÀÀÆ÷ºÍ·þÎñÆ÷¶ËÊý¾ÝÐÅÏ¢½»»»ºÍ´¦Àí£»
l ʹÓÃXMLHttpRequest¶ÔÏó½øÐÐä¯ÀÀÆ÷ºÍ·þÎñÆ÷¶ËÒì²½Êý¾Ý¶ÁÈ¡£»
l ʹÓÃJavaScript½Å±¾ÊµÏÖ¶ÔËùÓÐÊý¾Ý½øÒ»²½´¦Àí¡£
AJAXµÄºËÐŤ×÷¹ý³ÌÈçÏ£º
1. ¶ÔÏó³õʼ»¯£¬Ö÷ÒªÊÇ´´½¨XMLHttpRequest¶ÔÏó£¬XMLHttpRequest¶ÔÏóÊÇAJAX¼¼ÊõÖзdz£ºËÐĵÄÒ»¸ö¶ÔÏ󣬸ºÔðÇëÇóµÄÉèÖᢷ¢ËÍ¡£
2. ·¢ËÍÇëÇó£¬ÉèÖÃÏìÓ¦·½·¨¡¢ÇëÇóËùÐèÒªµÄÊý¾Ý£¬È»ºó·¢ËÍÇëÇó¡£
3.&nbs ......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
AJAXÊÇAsynchronous JavaScript and XMLµÄËõд£¬Éæ¼°JavaScript½Å±¾¡¢XHTMLºÍCSS¡¢DOM¡¢XMLºÍXSTLµÈ¼¼Êõ¡£
l XHTMLÓëCSSʵÏÖÊý¾ÝÐÅÏ¢µÄͳһ»¯ºÍ±ê×¼»¯ÏÔʾ£»
l ʹÓÃDOMʵÏÖä¯ÀÀÆ÷¶Ë·á¸»µÄ¶¯Ì¬ÏÔʾЧ¹ûÒÔ¼°Óë·þÎñÆ÷µÄ½»»¥£»
l ʹÓÃXMLºÍXSTL½øÐÐä¯ÀÀÆ÷ºÍ·þÎñÆ÷¶ËÊý¾ÝÐÅÏ¢½»»»ºÍ´¦Àí£»
l ʹÓÃXMLHttpRequest¶ÔÏó½øÐÐä¯ÀÀÆ÷ºÍ·þÎñÆ÷¶ËÒì²½Êý¾Ý¶ÁÈ¡£»
l ʹÓÃJavaScript½Å±¾ÊµÏÖ¶ÔËùÓÐÊý¾Ý½øÒ»²½´¦Àí¡£
AJAXµÄºËÐŤ×÷¹ý³ÌÈçÏ£º
1. ¶ÔÏó³õʼ»¯£¬Ö÷ÒªÊÇ´´½¨XMLHttpRequest¶ÔÏó£¬XMLHttpRequest¶ÔÏóÊÇAJAX¼¼ÊõÖзdz£ºËÐĵÄÒ»¸ö¶ÔÏ󣬸ºÔðÇëÇóµÄÉèÖᢷ¢ËÍ¡£
2. ·¢ËÍÇëÇó£¬ÉèÖÃÏìÓ¦·½·¨¡¢ÇëÇóËùÐèÒªµÄÊý¾Ý£¬È»ºó·¢ËÍÇëÇó¡£
3.&nbs ......
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<h1>CSVÐÎʽ¤Î¥Çー¥¿¤ò読¤ß込¤ß±íʾ¤¹¤ë</h1>
<div id="tableData">¥Çー¥¿¤ò読¤ß込¤ßÖÐ....</div>
</body>
</html>
window.onload = function(){
var msec = (new Date()).getTime();
new Ajax.Request("data.csv", {
method: "get",
parameters: "cache="+msec,
onSuccess:function(httpObj){
var text = httpObj.responseText;
var LF = String.fromCharCode(10);
var tabText = text.split(LF);
var tbl = "<table border='1'>";
for (var i=0; i<tabText.length; i++){
......
Ôø¾¶ÔajaxºÜºÃÆæ£¬Ã¿´ÎºÍͬѧ»òÕßͬÊÂ̸ÆðajaxÌýËûÃÇÔÚÄÇÇáÃèµÐ´Ò»·¬²»ÖªËùÒÔÈ»£¬Ç°¼¸Ìì²é×ÊÁϲŻíÈ»Ã÷°×¡£ÏÂÃæÖ±ÈëÕýÌ⣺
Ajax »ù±¾ÉϾÍÊÇ°Ñ JavaScript ¼¼ÊõºÍ XMLHttpRequest
¶ÔÏó·ÅÔÚ Web
±íµ¥ºÍ·þÎñÆ÷Ö®¼ä
¡£µ±Óû§Ìîд±íµ¥Ê±£¬Êý¾Ý·¢Ë͸øÒ»Ð© JavaScript ´úÂë¶ø²»ÊÇ
Ö±½Ó·¢Ë͸ø·þÎñÆ÷¡£Ïà·´£¬JavaScript
´úÂë²¶»ñ±íµ¥Êý¾Ý²¢Ïò·þÎñÆ÷·¢ËÍÇëÇó¡£Í¬Ê±Óû§ÆÁÄ»ÉÏµÄ±íµ¥Ò²²»»áÉÁ˸¡¢Ïûʧ»òÑÓ³Ù¡£»»¾ä»°Ëµ£¬JavaScript
´úÂëÔÚÄ»ºó·¢ËÍÇëÇó£¬Óû§ÉõÖÁ²»ÖªµÀÇëÇóµÄ·¢³ö¡£¸üºÃµÄÊÇ£¬ÇëÇóÊÇÒì²½·¢Ë͵쬾ÍÊÇ˵ JavaScript
´úÂ루ºÍÓû§£©²»Óõȴý·þÎñÆ÷µÄÏìÓ¦¡£Òò´ËÓû§¿ÉÒÔ¼ÌÐøÊäÈëÊý¾Ý¡¢¹ö¶¯ÆÁÄ»ºÍʹÓÃÓ¦ÓóÌÐò¡£È»ºó£¬·þÎñÆ÷½«Êý¾Ý·µ»Ø JavaScript ´úÂ루ÈÔÈ»ÔÚ Web
±íµ¥ÖУ©£¬ºóÕß¾ö¶¨ÈçºÎ´¦ÀíÕâЩÊý¾Ý¡£Ëü¿ÉÒÔѸËÙ¸üÐÂ±íµ¥Êý¾Ý£¬ÈÃÈ˸оõÓ¦ÓóÌÐòÊÇÁ¢¼´Íê³ÉµÄ£¬±íµ¥Ã»ÓÐÌá½»»òˢжøÓû§µÃµ½ÁËÐÂÊý¾Ý¡£JavaScript
´úÂëÉõÖÁ¿ÉÒÔ¶ÔÊÕµ½µÄÊý¾ÝÖ´ÐÐijÖÖ¼ÆË㣬ÔÙ·¢ËÍÁíÒ»¸öÇëÇó£¬ÍêÈ«²»ÐèÒªÓû§¸ÉÔ¤£¡Õâ¾ÍÊÇ XMLHttpRequest
µÄÇ¿´óÖ®´¦¡£Ëü¿ÉÒÔ¸ù¾ÝÐèÒª×ÔÐÐÓë·þÎñÆ÷½øÐн»»¥£¬Óû§ÉõÖÁ¿ÉÒÔÍêÈ«²»ÖªµÀÄ»ºó·¢ÉúµÄÒ»ÇС£½á¹û¾ÍÊÇÀàËÆÓÚ×ÀÃæÓ¦ÓóÌÐòµÄ¶¯Ì¬¡¢¿ ......
dataÀàÐÍ
js´úÂ룺
$.post("getmaterial.do?method=getmaterial",
{name:name},
function (data) {
});
ÆäÖÐgetmaterial.do?method=getmaterialÊÇÇëÇóµÄurl£¬{name:name}ÊÇ´«µÝµ½ºǫ́µÄ²ÎÊý£¬¿ÉÒÔÓÃ
request.getParameter("name");»ñÈ¡£¬dataÊǺǫ́´«µÝ¹ýÀ´µÄÊý¾Ý¡£
action´úÂ룺
response.setContentType("text/html;charset=gbk");
PrintWriter out = response.getWriter();
out.println("test");
ÕâÑùµÄ»°£¬data¾ÍÊÇtestÁË¡£
2.·µ»ØxmlÊý¾Ý
js´úÂ룺
//post·¢ËÍ·½Ê½
/* $.post('./getsd.do',str,
function(xml){
alert(xml.xml);
$("#otherinfo").html("ÏîÄ¿Ãû:"+$("proname",xml).text()+"²âÊÔ¶Ô
Ïó:"+$("testaim",xml).text());
},"xml");*/
action´úÂ룺
/* response.setHeader("Charset", "utf-8");
out.println("<?xml version='1.0' encoding='utf-8' ?>");
out.println("<result>");
while(rs.next()){
out.println("<testaim>");
out.println(rs.getString("testaim"));
out.println("</testaim>");
out.println("<pr ......
ajaxµÄ¹¦ÄÜÖ÷ÒªÊÇÓ¦ÓÃÔÚjsÉÏ£¬ajax¶ÔaspûʲôҪÇó£¬aspÖ»¸ºÔðÔÚºǫ́ÏÔʾ¼°²Ù×÷·þÎñ¶ËµÄÊý¾Ý¡£
¿ÉÒÔÏñÏÂÃæÕâÑù˼¿¼£º
1.д±íµ¥µÚÒ»ÏÈçÓû§Ãû£©
2.onblurʼþ(ʧȥ½¹µã)·¢Éúʱ¿ªÊ¼ÑéÖ¤£¬onblur="checkusername()"
3.js·¢Ò»¸öÇëÇó¸øµÚÒ»¸öasp(¼Ù¶¨Îªajaxusername.asp)Èç¹û´ÓÊý¾Ý¿âÖÐÕÒµ½ÁËÕâ¸öÓû§£¬¸ø³ö1(ajaxusername.aspËùÓÐÄÚÈݾÍÊÇÒ»¸ö1)Èç
<%
if(user.exist())response.write "1"
%>
4.jsÊÕµ½£¬»á×Ô¶¯Ö´ÐÐcheckuser()º¯Êý¡£
checkuser°ÑÓû§ÃûÒ»Ðе×É«¸Ä±ä£¬²¢ÏÔʾ“Óû§¼º´æÔÚ”
asp²¿·ÖÄã¾Í×Ô¼ºÐ´ÁË¡£ÏÂÃæ¸ø³öһЩjs´úÂë¡£
<script>
/*ÒÔϺ¯ÊýÒ»°ã²»ÐèÒª¸Ä±ä*/
var Ajax;
function CreateAjax(){
if (window.XMLHttpRequest){
Ajax = new XMLHttpRequest();
}else if (window.ActiveXObject){
Ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function SendData(url_,sendtext_){
Ajax.open("POST",url_,true);
Ajax.onreadystatechange = checkuser;
Ajax.send(sendtext_);
}
function CheckAjaxStatus(Ajax_){
if(Ajax_.readyState == 4)
if(Ajax_.status == 200)
......
1.ʲôÊÇAjax?
AjaxµÄÈ«³ÆÊÇ£ºAsynchronousJavaScript+XML
2.AjaxµÄ¶¨Ò壺
Ajax²»ÊÇÒ»¸ö¼¼Êõ£¬Ëüʵ¼ÊÉÏÊǼ¸ÖÖ¼¼Êõ£¬Ã¿ÖÖ¼¼Êõ¶¼ÓÐÆä¶ÀÌØÕâ´¦£¬ºÏÔÚÒ»Æð¾Í³ÉÁËÒ»¸ö¹¦ÄÜÇ¿´óµÄм¼Êõ¡£
3.Ajax°üÀ¨£º
XHTMLºÍCSS
ʹÓÃÎĵµ¶ÔÏóÄ£ÐÍ(DocumentObjectModel)×÷¶¯Ì¬ÏÔʾºÍ½»»¥
ʹÓÃXMLºÍXSLT×öÊý¾Ý½»»¥ºÍ²Ù×÷
ʹÓÃXMLHttpRequest½øÐÐÒì²½Êý¾Ý½ÓÊÕ
ʹÓÃJavaScript½«ËüÃǰó¶¨ÔÚÒ»Æð
Web¿ª·¢ÁìÓòµÄ×îÐÂʱ÷ÖÊõÓïÆäʵÖÊÊÇ“¾Éò»»ÐÂÑÕ”¡£
Ajax£¨AsynchronousJavaScriptandXML£©ÊǽáºÏÁËJava¼¼Êõ¡¢XMLÒÔ¼°JavaScriptµÈ±à³Ì¼¼Êõ£¬¿ÉÒÔÈÿª·¢ÈËÔ±¹¹½¨»ùÓÚJava¼¼ÊõµÄWebÓ¦Ó㬲¢´òÆÆÁËʹÓÃÒ³ÃæÖØÔØµÄ¹ßÀý¡£
AjaxÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡£ÕâÑù£¬WebÒ³Ãæ²»Óôò¶Ï½»»¥Á÷³Ì½øÐÐÖØÐ¼Ӳ㬾ͿÉÒÔ¶¯Ì¬µØ¸üС£Ê¹ÓÃAjax£¬Óû§¿ÉÒÔ´´½¨½Ó½ü±¾µØ×ÀÃæÓ¦ÓõÄÖ±½Ó¡¢¸ß¿ÉÓᢸü·á¸»¡¢¸ü¶¯Ì¬µÄWebÓû§½çÃæ¡£
Òì²½JavaScriptºÍXML£¨AJAX£©²»ÊÇʲôм¼Êõ£¬¶øÊÇÖ¸ÕâÑùÒ»ÖÖ·½·¨£ºÊ¹Óü¸ÖÖÏÖÓм¼Êõ——°üÀ¨¼¶ÁªÑùʽ±í£¨CSS£©¡¢JavaScript¡¢XHTML¡¢XMLºÍ¿ÉÀ©Õ¹ÑùʽÓïÑÔת»»£¨XSLT£©£¬¿ª·¢Íâ¹Û¼°²Ù×÷ÀàËÆ×ÀÃæÈí¼þµÄWeb ......