·¢Ò»¶ÎAjaxµÄ´úÂë
AjAx.js
var bCheckUserPass = false;
var StrType;
function checkUsers(StrTmp)
{
var oB = window.document.all.nam
StrType=StrTmp
if (oB.length == 0) return;
/// ²»ÔÊÐíÍæ¼ÒÃûÖÐÓÐÓ¢ÎĶººÅ
for (var i=0; i<oB.length; i++)
{
if (oB.value.length > 0)
{
if (!checkUserNameHasComma(oB.value))
{
alert("´íÎó£ºÍæ¼ÒÃû×ÖÀïÃæ²»ÄÜÓÐÓ¢ÎĶººÅ(°ë½Ç¶ººÅ)£¡¡¡¡¡¡¡\nÍæ¼Ò£º"+oB.value);
return;
}
}
}
var sNames = "";
for (var i=0; i<oB.length; i++)
{
if (oB.value.length > 0)
{
sNames += oB.value;
sNames += ",";
}
}
if (sNames.length > 0)
{
sUserNames = sNames.substr(0, sNames.length-1);
getXml("checkuser");//window.setTimeout("getXml('checkuser')", 100);
}
}
/// ²»ÔÊÐíÍæ¼ÒÃûÖÐÓÐÓ¢ÎĶººÅ
function checkUserNameHasComma(sName)
{
if (sName == ""||sName == null) return false;
var oRex = /,/g;
if (sName.search(oRex) != -1) return false;
return true;
}
//-----
Ïà¹ØÎĵµ£º
1.Ajax Rain
¡¡¡¡AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/JavascriptʵÀý:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy
¡¡¡ ......
ʹÓÃAjaxÖвéѯÊý¾Ý¿âʱ£¬Ö»µÚÒ»´Î²éѯÁËÊý¾Ý¿â£¬ÒÔºóÔÙÓÐÇëÇó¾Í²»Ìá½»¸ø·þÎñÆ÷´¦ÀíÁË
ҳͷµÄÇ建´æ±êǩûÆð×÷ÓÃ
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
½â¾ö·½·¨£º
1£º¼Óʱ¼ä´Á var url ......
AjaxºÍjspµÄ¹ÖÏÖÏó
Èç¹ûÓÃAjaxÈ¥ÇëÇóÒ»¸öjspÒ³Ãæ£¬¸ÃjspÒ³Ãæ·µ»ØµÄÊÇxml£¨response.setContentType("text/xml; charset=GB2312");£©£¬²¢ÇÒ¸Ãjsp°üº¬ÏÂÃæÕâЩͷ@pageÖ¸ÁîµÄ»°£¬ÔòÔÚ¿Í»§¶Ëxml=XMLHttpRequest.responseXMLµÃµ½µÄÊÇÒ»¸ö²»°üº¬ÈÎÎñ¶«Î÷µÄxml¶ÔÏ󣬼´xml.childNodes.length½«»áÊÇ0.
......
±¾ÎÄÄÚÈÝÕª×Ô£º¡¶Java Web¿ª·¢½Ì³Ì——ÈëÃÅÓëÌá¸ßƪ£¨JSP+Servlet£©¡·
AJAXÊÇAsynchronous JavaScript and XMLµÄËõд£¬Éæ¼°JavaScript½Å±¾¡¢XHTMLºÍCSS¡¢DOM¡¢XMLºÍXSTLµÈ¼¼Êõ¡£
l XHTMLÓëCSSʵÏÖÊý¾ÝÐÅÏ¢µÄͳһ»¯ºÍ±ê×¼»¯ÏÔʾ£»
l & ......
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( ......