jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄÜ°ïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄÏ°¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQuery.ajax()½øÐзâ×°ÒÔ·½±ãÎÒÃÇʹÓõķ½·¨£¬µ±È»£¬Èç¹ûÒª´¦Àí¸´ÔÓµÄÂß¼£¬»¹ÊÇÐèÒªÓõ½jQuery.ajax()µÄ(Õâ¸öºóÃæ»á˵µ½).
1. load( url, [data], [callback] ) £ºÔØÈëÔ¶³Ì HTML Îļþ´úÂë²¢²åÈëÖÁ DOM ÖС£
url (String) : ÇëÇóµÄHTMLÒ³µÄURLµØÖ·¡£
data (Map) : (¿ÉÑ¡²ÎÊý) ·¢ËÍÖÁ·þÎñÆ÷µÄ key/value Êý¾Ý¡£
callback (Callback) : (¿ÉÑ¡²ÎÊý) ÇëÇóÍê³Éʱ(²»ÐèÒªÊÇsuccessµÄ)µÄ»Øµ÷º¯Êý¡£
Õâ¸ö·½·¨Ä¬ÈÏʹÓà GET ·½Ê½À´´«µÝµÄ£¬Èç¹û[data]²ÎÊýÓд«µÝÊý¾Ý½øÈ¥£¬¾Í»á×Ô¶¯×ª»»ÎªPOST·½Ê½µÄ¡£jQuery 1.2 ÖУ¬¿ÉÒÔÖ¸¶¨Ñ¡Ôñ·û£¬À´É¸Ñ¡ÔØÈëµÄ HTML Îĵµ£¬DOM Öн«½ö²åÈëɸѡ³öµÄ HTML ´úÂë¡£Óï·¨ÐÎÈç "url #some > selector"¡£
Õâ¸ö·½·¨¿ÉÒԺܷ½±ãµÄ¶¯Ì¬¼ÓÔØһЩHTMLÎļþ£¬ÀýÈç±íµ¥¡£
ʾÀý´úÂ룺
$(".ajax.load").load("http://www.csdn.net/",
function (responseText, textStatus, XMLHttpRequest){
this;//ÔÚÕâÀïthisÖ¸ÏòµÄÊǵ±Ç°µ ......
³¡¾°£ºÔÚGridviewÁбíÖÐÏÔʾÓдÓÊý¾Ý¿âÌáÈ¡³öÀ´µÄÊý¾Ý£¬ÏÖÔÚҪͨ¹ýjQuery.Ui.Dialogµ¯³öÏÔʾÿÌõÊý¾ÝµÄÏêϸÐÅÏ¢£¬²¢ÔÚµ¯³ö´°¿ÚÖÐÐ޸ı༡£
ÐèÒª´¦ÀíµÄÎÊÌ⣺1¡¢½«GridviewÖÐÑ¡Ôñ¼Ç¼IDÌá½»¸øjQuery.Ui.Dialog
2¡¢±£´æ´¦Àí
Éè¼Æ˼·£º
ΪÊý¾Ý°ó¶¨¡¢Êý¾Ý¸üÐÂÉè¼ÆÒ»¸öaspxÒ³ÃæרÃÅ¡£Í¨¹ýµ÷ÓÃjQuery ajaxµÄload·½·¨£¬ÔØÈëÊý¾Ý°ó¶¨Ò³Ãæ½ø¶øÏÔʾ°ó¶¨µÄÊý¾Ý¡£
Ò³Ãæ´úÂë
<div id="loading" class="loading">
·þÎñÆ÷´¦ÀíÖУ¬ÇëÉÔºó¡£
</div>
<div id="divBindShowData">
</div>
<data:EntityGridView ID="GridView1" DataSourceID="TbCorpCreditsInfoDataSource" DataKeyNames="PrimaryKey" >
<Columns>
& ......
·¢ËÍÒ»¸öÇëÇóºó£¬¿Í»§¶ËÎÞ·¨È·¶¨Ê²Ã´Ê±ºò»áÍê³ÉÕâ¸öÇëÇó£¬ËùÒÔÐèÒªÓÃʼþ»úÖÆÀ´²¶»ñÇëÇóµÄ״̬£¬XMLHttpRequest¶ÔÏóÌṩÁËonreadyStateChangeʼþʵÏÖÕâÒ»¹¦ÄÜ¡£ÕâÀàËÆÓڻص÷º¯ÊýµÄ×ö·¨¡£
onreadyStateChangeʼþ¿ÉÖ¸¶¨Ò»¸öʼþ´¦Àíº¯ÊýÀ´´¦ÀíXMLHttpRequest¶ÔÏóµÄÖ´Ðнá¹û£¬È磺
ajaxObj=createAjaxObject();
var url="/MyTodoes/FetchText?id="+id;
ajaxObj.open("Get",url,true);
ajaxObj.onreadyStateChange=changeTabCallBack;
ajaxObj.send(null);
onreadyStateChangeʼþÊÇÔÚreadyStateÊôÐÔ·¢Éú¸Ä±äʱ´¥·¢µÄ£¬readyStateµÄÖµ±íʾÁ˵±Ç°ÇëÇóµÄ״̬£¬ÔÚʼþ´¦Àí³ÌÐòÖпÉÒÔ¸ù¾ÝÕâ¸öÖµÀ´½øÐв»Í¬µÄ´¦Àí¡£ readyStateÓÐÎåÖÖ¿ÉÈ¡Öµ0£ºÉÐδ³õʼ»¯£¬1£ºÕýÔÚ¼ÓÔØ£¬2£º¼ÓÔØÍê±Ï£¬3£ºÕýÔÚ´¦Àí£»4£º´¦ÀíÍê±Ï¡£Ò»µ©readyStateÊôÐÔµÄÖµ±ä³ÉÁË4£¬¾Í¿ÉÒÔ´Ó·þÎñÆ÷·µ»ØµÄÏìÓ¦Êý¾Ý½øÐзÃÎÊÁË¡£
ͨ³£ÔÚʼþÖÐÅжÏreadyStateµÄÖµÊÇÔÚÇëÇóÍê±Ïʱ²Å×ö´¦Àí£¬È磺
function changeTabCallBack(){
if(ajaxObj.readyState==4){
// ÏÂÒ»²½ÑéÖ¤
}
}
Status´æ´¢ÁË·þÎñÆ÷¶Ë·µ»ØµÄHttpÇëÇóÏìÓ¦´úÂ룬Ëü±íʾÇëÇóµÄ´¦Àí½á¹û£¬³£¼ûÏìÓ¦´úÂëµ ......
¼ì²éǰ̨FCK×Ô¶¯Éú³ÉµÄJSº¯Êý.Ò»°ãΪWebForm_OnSubmit()
ÔÚºǫ́Ìá½»°´Å¥Àï¼ÓÈë¸Ãº¯Êý.ÁíÆä¸üÐÂFCKÊý¾Ý,´úÂëÈçÏÂ.
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "getFckValue", "WebForm_OnSubmit();", true); ......
function ScreenConvert()
{
var browser = new Browser1();
var objScreen = document.getElementById("ScreenOver");
if(!objScreen)
var objScreen = document.createElement("div");
var oS = objScreen.style;
objScreen.id = "ScreenOver";
oS.display = "block";
oS.top = oS.left = oS.margin = oS.padding = "0px";
if (document.body.clientHeight) {
var wh = document.body.clientHeight + "px";
}else if (window.innerHeight){
var wh = window.innerHeight + "px";
}else{
var wh = document.body.scrollHeight;
}
oS.width = "100%";
oS.height = wh;
oS.position = "absolute";
oS.zIndex = "3";
if ((!browser.isSF) && (!browser.isOP)){
oS.background = "#555";
}else{
oS.background = "#555";
}
oS.filter = "alpha(opacity=65)";
oS.opacity = 60/100;
oS.MozOpacity = 60/100;
document.body.appendChild(obj ......
AJAX¼ò½é
Ò»¡¢AJAXÊÇʲô
ÔÚ´«Í³µÄwebÓ¦ÓÃÖУ¬Óû§ÓëÓ¦ÓõÄÿһ´Î½»»¥£¬¶¼ÊÇÊ×ÏÈÓû§Í¨¹ýä¯ÀÀÆ÷Ïò·þÎñÆ÷¶Ë·¢ËÍÒ»¸ö
ÇëÇ󣬷þÎñÆ÷½âÎöÕâ¸öÇëÇ󣬽«ÏàÓ¦µÄÏìÓ¦ÐÅÏ¢·µ»Ø¸øä¯ÀÀÆ÷¡£ÔÚ·þÎñÆ÷¶ËÒµÎñÂß¼·Ç³£¸´ÔÓ»òÕßÐèÒªºÄʱ½Ï³¤µÄÇé¿öÏ£¬ä¯ÀÀÆ÷µÈ´ýË¢ÐÂʱ£¬Ò³Ãæ¾³£ÊÇһƬ¿Õ
°×£¬Óû§Ö»Äܱ»¶¯µÈ´ý·þÎñÆ÷¶ËÏìÓ¦Íê³É£¬ÔÚ´ËÆÚ¼ä¿Í»§²»ÄÜÔÚÒ³ÃæÉÏ×öÈκβÙ×÷£¬´ø¸øÓû§·Ç³£Ôã¸âµÄÌåÑé¡£
ÔÚÓû§Ö»ÊÇÐèҪˢÐÂÒ³ÃæһС²¿·ÖµÄÇé¿öÏ£¬´«Í³µÄwebÓ¦ÓÃÐèҪˢÐÂÕû¸öÒ³Ã棬Ôì³ÉÍøÂçÁ÷Á¿µÄÀË·Ñ£¬Ò²Ôì³ÉÏìÓ¦ËٶȱäÂý¡£
2005Ä꣬Ëæ×ÅAJAXµÄ³öÏÖ£¬ÕâÖÖÇé¿öµÃµ½Á˸Ĺۡ£
AJAXÕâ¸öÊõÓïÊÇÓÉAdaptive Path¹«Ë¾µÄJesse James GarrettµÄ¶¨ÒåµÄ£¬Ëû˵ËüÊÇAsynchronous Javascript and XmlµÄ¼òд¡£AJAX²¢²»ÊÇÒ»ÖÖ¼¼Êõ£¬ËüÊǶàÖÖ¼¼ÊõµÄÇ¿´ó×éºÏ£¬Ëü°üÀ¨£º
Ø »ùÓÚXHTMLºÍCSS±ê×¼µÄ±íʾ£»
Ø Ê¹ÓÃDOM½øÐж¯Ì¬ÏÔʾºÍ½»»¥£»
Ø Ê¹ÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»»Óë´¦Àí
Ø Ê¹ÓÃXMLHttpRequestÓë·þÎñÆ ......