AjaxʾÀý
¿Í»§¶Ë´úÂ룺
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
//¿É¼ÓһЩÑéÖ¤ÐÅÏ¢
document.getElementById('slform').style.display='';//´ò¿ªÊÜÀíform
//alert("url="+url);
createXMLHttpRequest();//Ϊ xmlHttp ¸³Öµ
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = slcallback;
xmlHttp.send(null);
}
function slcallback(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var applyPerson = xmlHttp.responseXML.getElementsByTagName('applyPerson')[0].firstChild.data;
var applyIdCard = xmlHttp.responseXML.getElementsByTagName('applyIdCard')[0].firstChild.data;
document.getElementById('slPerson').value=applyPerson;
document.getElementById('slId').value=applyIdCard;
}
}else{
}
}
ÔÚactionÀ·µ»Øµ½Ò»¸öjspÒ³Ãæ£¬ÔÚjspÒ³ÃæÀï°ÑÄÚÈÝÉèΪxml¸ñʽ
ÈçÏ£º
<%@ page contentType="text/xml; charset=GBK"%>
<%
String applyPerson = (String)request.getAttribute("applyPerson");
String applyIdCard = (String)request.getAttribute("applyIdCard");
%>
<?xml version="1.0" encoding="GBK"?>
<response>
<applyPerson><%=applyPerson%></applyPerson>
<applyIdCard><%=applyIdCard%></applyIdCard>
</response>
Ïà¹ØÎĵµ£º
2.1Microsoft Ajax LibraryËÙÀÀ£º
Microsoft Ajax LibraryÊÇÒ»×é¿ÉÒÔä¯ÀÀÆ÷¶Ë¶ÀÁ¢ÔËÐеÄJavaScriptº¯Êý¿â£¬°üº¬ÍøÒ³ºËÐÄ·þÎñÒÔ¼°Ìṩä¯ÀÀÆ÷µÄXMLÔ¶³ÌÊý¾Ý´æÈ¡ÄÜÁ¦¡£
Ö§³ÖµÄä¯ÀÀÆ÷ÓУºIE¡¢Mozilla¡¢Firefox¡¢Apple Safari¡£
2.1.2ÔÚASP.NETÒ³ÃæÖÐÔö¼ÓAjaxÖ§³Ö
Ajax LibraryÊÇרΪAjax¹¦ÄÜÌṩµÄScript£¬ËüÊ ......
µÚËÄÕ Ajax·þÎñÆ÷À©Õ¹ÆÊÎö
Ajax·þÎñÆ÷À©Õ¹£ºASP.NET Ajax¿ò¼ÜµÄ·þÎñÆ÷¶Ë¡£
4.1ASP.NET ¿ª·¢ÈËÔ±µÄAjax
Ϊ·þÎñÆ÷¶Ë¿ª·¢ÌṩAjaxÖ§³Ö¡£°üÀ¨Ò»×éеķþÎñÆ÷¿Ø¼þºÍ·þÎñ£¬ÓÃÀ´ÃþÄâ¿Í»§¶ËAjaxÐÐΪ¡£
4.2¸Ä½øÔÓÐASP.NETÍøÕ¾
(1)¸ÄÉÆÍøÂçÑÓ³Ù£º¾¡×î´ó¿ÉÄܼõÉÙä¯ÀÀÆ÷ºÍ·þÎñÆ÷Ö®¼ä´«µÝµÄÊý¾ÝÁ¿¡£
(2)Ïû³ýȫҳà ......
ÕâÊÇÒ»¸ö»ùÓÚprototype.jsµÄajax·ÖÒ³£¬ÔËÓÃÁËspring¿ò¼Ü£¬×Ô¶¨Òå·ÖÒ³±êÇ©£¬Ã¿´Î½øÈëÁбíÒ³ÃæÊ±£¬°ÑÁÐ±í´æÈësession£¬·ÖÒ³Ö»¶Ôsession´æ´¢µÄÁÐ±í½øÐзÖÒ³£¬²»ÐèÒªÔÙÈ¥²éѯÊý¾Ý¿â£¬ÐÔÄÜ»á¸ßЩ
Ê×ÏÈÔÚweb.xmlÖÐÅäÖÃspring¼àÌýºÍservlet
web.xmlÄÚÈÝÈçÏ£º
<?xml version="1.0" encoding="UTF-8"?>
<web-app versi ......
jqueryÖÐÓÃajax(Ã²ËÆ±àÂëĬÈÏΪutf-8)Èç¹ûÓÐÖÐÎĵϰ »á³öÏÖÂÒÂë ÏÂÃæµÄ½â¾ö°ì·¨Ö®Ò»£º
ÒÔÏÂÊÇjsÖеĴúÂë
classname=encodeURI($('#classname').val());
classdescription=encodeURI($('#classdescription').val());
actionArr={classname:classname,classdescription:classdescription};
$.post("product_class ......
1. ʵÏÖ¶ÔÊôÐ﵀ Ajax ÐÞ¸Ä:
1). ·¢Ë굀 ajax ÇëÇóÖÐÐèÒª°üº¬ÄÄЩÐÅÏ¢ÄØ
¢Ù. ÒªÐ޸ĵÄÔ±¹¤µÄ id.
¢Ú. ÒªÐ޸ĵÄÊôÐÔµÄÃû×Ö.
¢Û. ÒªÐ޸ĵÄÊôÐÔµÄÖµ.
......