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
Ïà¹ØÎĵµ£º
AjaxµÄIE»º´æÎÊÌ⣬»áÔì³ÉÓÃopenʱÓÃget·½·¨²»ÄÜÖØ¸´Ìá½»,µ¼Ö»ñÈ¡²»µ½ÊµÊ±µÄÐÅÏ¢¡£½â¾öµÄ°ì·¨ÓÐÒÔϼ¸ÖÖ£º
1.¿Í»§¶ËÔÚurlºóÌí¼ÓËæ»úÊý.
new Date().getTime()»òÕßMath.Random()
»òÕßËÍÇëÇóǰ¼ÓÉÏ
XMLHttpRequest.setRequestHeader("If-Modified-Since","0")
2.»òÕßÓÃpost·½·¨Ìá½»  ......
ÏÖÔÚÈç¹ûÄãÎʱðÈË“×î½üÁ½ÄêÔÚWeb¿ª·¢ÁìÓò×î»ðµÄ¼¼ÊõÊÇʲô”£¬AjaxÕâ¸ö´ÊÓ¦¸ÃÄÜÕ¼¾Ýһϯ֮µØ¡£È·Êµ£¬×Ô´Ó05Äêµ×±»Ìá³ö£¬Ajax¼¼Êõ¾ÍÒÔÄÑÒÔÏëÏóµÄËÙ¶ÈѸËÙºì±é´ó½Äϱ±£¬Êܵ½ÎÞÊýWeb¿ª·¢ÈËÔ±µÄÇàíùºÍ×·Åõ¡£¶ø¸÷ÖÖÆ½Ì¨ÏµÄAjax¿ò¼Ü¸üÊÇÈçÓêºó´ºËñ°ãÏòÍâð£¬ÒÔÖÁÓÚÁ¬Î¢ÈíÕâÑùÈí¼þÒµµÄ¾ÞÍ·Ò²ÆÈ²»¼°´ýÍÆ³ö×Ô¼ºµÄ¿ò¼Ü&m ......
ASP.NET,AJAXÎļþÉÏ´«µÄÒÉÎÊ
Ô±¾ÒÔΪÓÃÕâÖÖ·½Ê½£¬°Ñ´Ë·½·¨·Åµ½Ò»¸öHttphandlerÖУ¬È»ºó´ÓJAVASCRIPT·ÃÎÊHttphandlerÀ´ÊµÏÖÎÞˢеÄÎļþÉÏ´«¡£Ã»Ïëµ½£¬ÕâÑùͬÑùÊDz»Ðеģ¬Ö»ÄÜÔÚ±¾»ú²âÊÔͨ¹ý£¬Èç¹û·Åµ½ÍøÉÏ£¬»òÕß´ÓÆäËûµØ·½·ÃÎʾͻáÌáʾÎÞ·¨ÕÒµ½Îļþ£¬¿É¼ûÔÚASP.NETÖÐËüÖ»ÄÜÓÃÓÚÉÏ´«·þÎñÆ÷¶ËµÄÎļþ¡£
֮ǰÔÚÍøÕ¾Ò²Ë ......
1£ºAjax¿ÉÒÔͨ¹ýJavaScriptµÄXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷½øÐÐͨÐÅ£¬Í¨¹ýXMLHttpRequest£¬JavaScript¿ÉÒÔÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÏÂÓë·þÎñÆ÷½øÐÐͨÐÅ¡£
2£ºXMLHttpRequest ä¯ÀÀÆ÷Ö§³Ö
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
xmlHtt ......
ÎÒÓÃPHPºÍAjax½áºÏ£¬Ìí¼ÓÊý¾ÝÖ®ºó£¬Ë¢ÐÂÇ°Ì¨Ò³Ãæ£¬Êý¾ÝûÓб仯¡£
ÎҸ͝PHP¶¯Ì¬½Å±¾£¬Ö»ÓÐÖØÐÂÕÒ¿ªIEÔÙÊäÈëµØÖ·£¬²ÅÄÜ¿´µ½Ð§¹û¡£
ÒÔÉÏÕâЩÊDz»ÊÇ»º´æµÄÔÒò°¡£¿Ôõô½â¾ö£¿
ajax»º´æÎÊÌâ½â¾ö;¾¶£º
ÊÇ»º´æµÄÎÊÌâ¡£
ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");
²¢ÇÒÔÚÄãµÄJSÌá½»²ÎÊýÖмÓËæ»ú» ......