AjaxÒ첽ˢÐÂ
×¢Òâ:
1¡¢<div id="iframe">ÏÔʾˢеÄÄÚÈÝ</div>
2¡¢µ÷ÓÃÒ첽ˢÐÂ:javascript:OnLink('µØÖ·')
<!--ajaxÒ첽ˢÐÂ-->
<script type="text/javascript">
//´´½¨XMLHttpRequestc¶ÔÏó
var xmlHttp=false;
//ÅжÏä¯ÀÀÆ÷
function createXMLHttpRequest(){
if(window.ActiveXObject){//IEä¯ÀÀÆ÷
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}else{//ÆäËûä¯ÀÀÆ÷£ºÈçmozilla µÄ fireFox(»ðºü) »òÕß netscape 7
xmlHttp=new XMLHttpRequest();
}
}
//Ìá½»»ñµÃÖµºóµÄ·½·¨
function OnShow(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
var info=xmlHttp.responseText;
document.getElementById("iframe").innerHTML=info;
}
}
}
//Òªµ÷Óõķ½·¨
function OnLink(URL){
createXMLHttpRequest();
xmlHttp.open("post",URL,true);
xmlHttp.onreadystatechange=OnShow;
xmlHttp.send(null);
}
</script>
Ïà¹ØÎĵµ£º
Ò³Ãæ´úÂ룺
<head runat="server">
<title>ÎÞ±êÌâÒ³</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManage ......
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1ÊÇupdatepanelµÄid
ScriptManager.RegisterStartupScript(p1, this.GetType(), "click", "alert('ok')", true);//p1ÊÇupdatepanelµÄid
......
$.ajax({
url: "auto_action.jsp",
type: "POST",
data: {nickName:request.term},
contentType :"application/x-www-form-urlencoded;charset=UTF-8", //¼ÓÉÏÕâ¾ä¾Í¿ÉÒÔÁË£¡
& ......
±¾ÈË×î½ü¼òµ¥Ð´ÁËÒ»¸ö¶¯Ì¬È¡Êý¾ÝµÄµÄÒ»¸öAjax·½·¨£¬Ê¹ÓÃJquery×÷Ϊ¿ò¼Ü£¬Ë¼Â·ÈçÏ£ºÊ×ÏÈÀûÓúǫ́°ÑÊý¾Ý´æÈëÒ»¸ö¼òµ¥µÄ¼Çʱ¾ÎļþÖУ¬È»ºóAjax·ÃÎÊÒ»¸öWeb Ò³Ãæ£¬WebÒ³Ãæ»ñÈ¡¼Çʱ¾ÎļþÄÚÈÝ£¬²¢·µ»ØÄÚÈݸøAjax£¬AjaxÊ×Ò³ÏÔʾÊý¾Ý¡£µ«ÊÇÓöµ½ÎÊÌâÁË£¬ÎÊÌâ¾ÍÊÇÖÐÎĵıàÂëÎÊÌâ¡£µ±ºǫ́ȡÊý¾Ý¸øAjax£¬AjaxÏÔʾÊý¾ÝµÄʱºò£¬Ô ......
1¡¢Çø¿éµÄÏÔʾÓëÒþ²Ø
ÔÚ½øÐÐajax±à³Ìʱ£¬¾³£»áÓõ½div±êÇ©¶ÔÒ³ÃæÔªËØ½øÐв¼¾Ö£¬´óÖ·½·¨ÊÇ£¬°Ñ½çÃæ·Ö×ö¼¸´ó¿é£¬ÓÐʱºòÐèÒª¸ù¾Ýµã»÷²Ëµ¥ÏÔʾÏàÓ¦µÄ¿é¼°Òþ²ØÆäËû¿é£¬Õâʱ¿É¼òµ¥ÉèÖÃdiv.style.displayΪblock½øÐÐÏÔʾ£¬div.style.dispalyΪnone½øÐÐÒþ²Ø¡£
2¡¢½çÃæÔªËØÃüÃû
&nb ......