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ÖÐÖ¸¶¨µØÖ·µÄijһԪËØÄÚµÄÎı¾¡£ÕâÊÇÒ»¸öÒ쳣ǿ´óµÄ¹¦ÄÜ£¬¼ÙÈçʹÓô«Í³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·½·¨Ìá½»  ......
ÕâÀïҪ˵µÄûÓдóµÀÀí£¬Ã»ÓÐÔÀí£¬Ã»ÓиßÉîµÄ¼¼Êõ£¬Ã»ÓÐYY£¬Ö»ÊÇ×Ô¼ºµÄÒ»´Î¾Àú£¬ÈռǶøÒÑ¡£ÒÔ·ÀÒÔºóÍü¼ÇÁË£¬ÏÖÔÚдÏÂÀ´¿ÉÒÔ×÷Ϊ²Î¿¼¡£
ʱ¼ä£º5ÔÂÑ×ÈȵÄÒ»Ìì
µØµã£º3Â¥
ÈËÎÎÒ£¬µçÄÔ
½á¹û£ºÄ£ÄâÒ»¸öÍøÕ¾µÄ¾Ö²¿Ë¢Ð¹¦ÄÜ
ÉùÃ÷£ºÐÂÊÖ£¬¶ÔAjaxµÚÒ»´ÎÊ¹Ó ......
$.ajax({
type: "post",
url: loginUrl,
data: "username=" +uname + "&password=" +pwd,
async: ......
1£ºAjax¿ÉÒÔͨ¹ýJavaScriptµÄXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷½øÐÐͨÐÅ£¬Í¨¹ýXMLHttpRequest£¬JavaScript¿ÉÒÔÔÚ²»ÖØÔØÒ³ÃæµÄÇé¿öÏÂÓë·þÎñÆ÷½øÐÐͨÐÅ¡£
2£ºXMLHttpRequest ä¯ÀÀÆ÷Ö§³Ö
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
xmlHtt ......
Ajax¼¼ÊõÒѾµÃµ½ºÜ¹ã·ºµÄÓ¦Óã¬ÔÚWeb¿ª·¢ÖÐÆäºËÐľÍÔÚÓÚÒ첽ͨÐź;ֲ¿Ë¢Ð£¬¼«´óµØ¸ÄÉÆÁËÓû§ÌåÑ飬ÓÈÆäÊʺÏÓÚ¸ßƵ¶È¡¢µÍÊý¾ÝÁ¿µÄ³¡¾°¡£ÔÚ²»Ê¹ÓÃAjaxµÄWebÓ¦ÓÃÖУ¬Ò»¸öÒ³Ãæ´¦ÀíÖÐÖ»ÓÐÒ»´ÎÇëÇ󣬿ͻ§¶Ë´¦ÀíÍêºóÒ»´ÎÐÔÌá½»£¬ÕâÖÖÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»µÄ´¦Àí¿ÉÄܱȽϺÄʱ£¬´Ó¶øÔì³É¿Í»§µÈ´ý£¬Ê¹ÓÃAjax°ÑÕâÒ»´ÎÇëÇóºÍÒ»´ÎÌá½»·Ö ......