ajaxÓëjQuery·½·¨
ajax.asp
ÏÖÔÚʱ¼äÊÇ< %=Now()%>
ajax.html
<script type="text/javascript">
function Ajax(){
var xmlHttp=null;
if(window.ActiveXObject){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")
}catch(e){}
}
}else if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
if(xmlHttp!=null){
xmlHttp.open("GET","ajax.asp",true);
xmlHttp.onreadystatechange=Call;
xmlHttp.send(null);
}
var p=document.getElementById("content");
function Call(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
p.innerHTML=xmlHttp.responseText;
}
}
}
}
</script>
<button onclick="Ajax()">»ñÈ¡</button>
ÕâÀïʹÓÃajaxËãÊÇÓÐЩÂé·³ÔÙ¿´¿´Ê¹ÓÃjQuery<script type="text/javascript">
$(function(){
$("button").click(function(){
$("p").load("ajax.asp");
});
});
</script>
$.load()·½·¨
ÉÏÃæÊ¹ÓÃÁËloadº¯Êý¡£loadÓï·¨ÈçÏ£¬load(url[,data][,callback])//url:stringÀàÐÍ£¬ÇëÇóHTMLÒ³ÃæµÄURlµØÖ·£»data:ObjectÀàÐÍ£¬·¢Ë͵½·þÎñÆ÷µÄkey/valueÊý¾Ý£»callback£¬FunctionÀàÐÍ£¬ÇëÇóÍê³ÉʱµÄ»Øµ÷º¯ÊýÆäÖÐurl¿ÉʹÓÃÑ¡ÔñÆ÷½ÓÊÕ¸ÃurlÖÐÖ¸¶¨µØÖ·µÄÄ³Ò»ÔªËØÄÚµÄÎı¾¡£ÕâÊÇÒ»¸öÒ쳣ǿ´óµÄ¹¦ÄÜ£¬¼ÙÈçʹÓô«Í³js·½Ê½µÄ»°¾ÍÐèҪʹÓÃreplaceÈ¥¹ýÂËijЩ×Ö·û£¬»¹¿ÉÄÜÒªÓõ½Regex¡£¶øÏÖÔÚjQueryÖ»Òª¼òµ¥µÄÑ¡ÔñÆ÷¹ýÂ˾ͿÉÒÔÁË¡£$("p").load("ajax.asp h4")£¬ajax.aspÄÚÈÝÈçÏ£º<h4>»ñȡָ¶¨ÄÚÈݵıêÌâ</h4>
<p><%
response.Expires=0
response.Write(now())
%></p>µÚ¶þ¸ö²ÎÊýdata
<script type="text/javascript">
$(function(){
$("button").click(function(){
$("p").load("ajax_data.asp",{name:"wang",age:"23"},func
Ïà¹ØÎĵµ£º
ÎҵĴºÇï³ÕÃεڶþ²½£º
дһ¸ö ͨÓÃµÄ ¶ÔÏó ÁÐ±í £¬»¹ °üº¬ ËÑË÷ºÍ ÊôÐÔ¹ýÂË¡£
¾ßÌåµÄЧ¹ûÊÇ£º
µ±Ð ҵÎñ Ìí¼ÓÒ»¸ö ±íµÄʱºò£¬Ö»ÐèÒªÔÚ ¶ÔÏóÄ£ÐÍÀïµÄ Ìí¼ÓÒ»¸ö model
ºǫ́¼¸ºõ²»Ðèд´úÂë¡£
(ÎÒÊǺǫ́£º¼¤¶¯ÈËÐÄ£¡)
µ÷ÓõĶÔÏ󣬵ڼ¸Ò³£¬ÊôÐ﵀ ¹ýÂË ºÍËÑË÷È«ÊÇ Ç°Ì¨µÄAjax²ÎÊý¿ØÖÆ
(ÎÒÊÇǰ̨£º#$!@#$%$^#$% ......
½ñÌì³õ´Î½Ó´¥AjaxÄÇôÎÒ½«ÎÒµÄѧϰ¼Ç¼ÏÂÀ´£¬×î½ü¼ÇÐÔ²»Ì«ºÃ¡£±¸Íü°É
1¡¢Ê×ÏÈ´ÓÍøÂ·ÉÏÏÂÔØAjaxÀ©Õ¹°ü£¬VS2008Ö»ÊÇ´ø×Å×î»ù´¡µÄÈý¸öAjax¿Ø¼þ¡£ÄÇôÎÒÃÇÏÂÔØAjaxControlToolkit¿Ø¼þ£¬½«ÏÂÔØºóµÄѹËõ°ü½âѹ¡£ÕÒ³öAjaxControlToolkit.dllËùÔÚλÖá£
2¡¢ÔÚVS2008ÖУ¬ËæÒâÕÒÒ»¸öÑ¡Ï£¬»òÕߣ¬Ð½¨Ò»¸öÑ¡ÏÀ´·ÅÈëÎÒÃÇËù¼ÓÈëµÄ ......
ÎÒÓÃPHPºÍAjax½áºÏ£¬Ìí¼ÓÊý¾ÝÖ®ºó£¬Ë¢ÐÂÇ°Ì¨Ò³Ãæ£¬Êý¾ÝûÓб仯¡£
ÎҸ͝PHP¶¯Ì¬½Å±¾£¬Ö»ÓÐÖØÐÂÕÒ¿ªIEÔÙÊäÈëµØÖ·£¬²ÅÄÜ¿´µ½Ð§¹û¡£
ÒÔÉÏÕâЩÊDz»ÊÇ»º´æµÄÔÒò°¡£¿Ôõô½â¾ö£¿
ajax»º´æÎÊÌâ½â¾ö;¾¶£º
ÊÇ»º´æµÄÎÊÌâ¡£
ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");
²¢ÇÒÔÚÄãµÄJSÌá½»²ÎÊýÖмÓËæ»ú» ......
Ajax¼¼ÊõÒѾµÃµ½ºÜ¹ã·ºµÄÓ¦Óã¬ÔÚWeb¿ª·¢ÖÐÆäºËÐľÍÔÚÓÚÒ첽ͨÐź;ֲ¿Ë¢Ð£¬¼«´óµØ¸ÄÉÆÁËÓû§ÌåÑ飬ÓÈÆäÊʺÏÓÚ¸ßÆµ¶È¡¢µÍÊý¾ÝÁ¿µÄ³¡¾°¡£ÔÚ²»Ê¹ÓÃAjaxµÄWebÓ¦ÓÃÖУ¬Ò»¸öÒ³Ãæ´¦ÀíÖÐÖ»ÓÐÒ»´ÎÇëÇ󣬿ͻ§¶Ë´¦ÀíÍêºóÒ»´ÎÐÔÌá½»£¬ÕâÖÖÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»µÄ´¦Àí¿ÉÄܱȽϺÄʱ£¬´Ó¶øÔì³É¿Í»§µÈ´ý£¬Ê¹ÓÃAjax°ÑÕâÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»·Ö ......
ajaxÌá½»±íµ¥
¹Ø¼ü×Ö: ajax
function ajaxSubmitForm(form, resultDivId) {
var elements = form.elements;// Enumeration the form elements
var element;   ......