ʹÓà jQuery ¼ò»¯ Ajax ¿ª·¢
jQuery ÊÇÒ»¸öJavaScript ¿â£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼° Asynchronous JavaScript + XML (Ajax) ±à³Ì¡£ÓëÀàËÆµÄ JavaScript ¿â²»Í¬£¬jQuery ¾ßÓжÀÌØµÄ»ù±¾ÔÀí£¬¿ÉÒÔ¼ò½àµØ±íʾ³£¼ûµÄ¸´ÔÓ´úÂ롣ѧϰ jQuery »ù±¾ÔÀí£¬Ì½Ë÷ÆäÌØÐԺ͹¦ÄÜ£¬Ö´ÐÐһЩ³£¼ûµÄ Ajax ÈÎÎñ²¢ÕÆÎÕÈçºÎʹÓòå¼þÀ©Õ¹ jQuery¡£
jQuery ÊÇʲô£¿
jQuery ÓÉ John Resig ´´½¨ÓÚ 2006 Äê³õ£¬¶ÔÓÚÈκÎʹÓà JavaScript ´úÂëµÄ³ÌÐòÔ±À´Ëµ£¬ËüÊÇÒ»¸ö·Ç³£ÓÐÓÃµÄ JavaScript ¿â¡£ÎÞÂÛÄúÊǸոսӴ¥ JavaScript ÓïÑÔ£¬²¢ÇÒÏ£Íû»ñµÃÒ»¸öÄܽâ¾öÎĵµ¶ÔÏóÄ£ÐÍ£¨Document Object Model£¬DOM£©½Å±¾ºÍ Ajax ¿ª·¢ÖÐһЩ¸´ÔÓÎÊÌâµÄ¿â£¬»¹ÊÇ×÷Ϊһ¸öÑá¾ëÁË DOM ½Å±¾ºÍ Ajax ¿ª·¢ÖÐÎÞÁĵÄÖØ¸´¹¤×÷µÄ×ÊÉî JavaScript ר¼Ò£¬jQuery ¶¼»áÊÇÄúµÄÊ×Ñ¡¡£
jQuery ÄܰïÖúÄú±£Ö¤´úÂë¼ò½àÒ×¶Á¡£ÄúÔÙÒ²²»±Ø±àд´ó¶ÑÖØ¸´µÄÑ»·´úÂëºÍ DOM ½Å±¾¿âµ÷ÓÃÁË¡£Ê¹Óà jQuery£¬Äú¿ÉÒÔ°ÑÎÕÎÊÌâµÄÒªµã£¬²¢Ê¹Óþ¡¿ÉÄÜ×îÉٵĴúÂëʵÏÖÄúÏëÒªµÄ¹¦ÄÜ¡£
ºÁÎÞÒÉÎÊ£¬jQuery µÄÔÀíÊǶÀÒ»ÎÞ¶þµÄ£ºËüµÄÄ¿µÄ¾ÍÊDZ£Ö¤´úÂë¼ò½à²¢¿ÉÖØÓᣵ±ÄúÀí½â²¢Ìå»áÕâÒ»ÔÀíºó£¬±ã¿ÉÒÔ¿ªÊ¼Ñ§Ï°±¾½Ì³ÌÁË£¬¿´¿´ jQuery ¶ÔÎÒÃǵıà³Ì·½Ê½ÓжàÉٸĽø°É¡£
һЩ¼òµ¥µÄ´úÂë¼ò»¯
ÏÂÃæÊÇÒ»¸ö¼òµ¥Ê¾Àý£¬Ëü˵Ã÷ÁË jQuery ¶Ô´úÂëµÄÓ°Ïì¡£ÒªÖ´ÐÐÒ»Ð©ÕæÕý¼òµ¥ºÍ³£¼ûµÄÈÎÎñ£¬±È·½ËµÎªÒ³ÃæµÄÄ³Ò»ÇøÓòÖеÄÿ¸öÁ´½Ó¸½¼ÓÒ»¸öµ¥»÷£¨click£©Ê¼þ£¬Äú¿ÉÒÔʹÓô¿ JavaScript ´úÂëºÍ DOM ½Å±¾À´ÊµÏÖ£¬Èç Çåµ¥ 1 Ëùʾ¡£
Çåµ¥ 1. ûÓÐʹÓà jQuery µÄ DOM ½Å±¾
var external_links = document.getElementById('external_links');
var links = external_links.getElementsByTagName('a');
for (var i=0;i < links.length;i++) {
var link = links.item(i);
link.onclick = function() {
return confirm('You are going to visit: ' + this.href);
};
}
Çåµ¥ 2 ÏÔʾÁËʹÓà jQuery ʵÏÖµÄÏàͬµÄ¹¦ÄÜ¡£
Çåµ¥ 2. ʹÓÃÁË jQuery µÄ DOM ½Å±¾
$('#external_links a').click(function() {
return confirm('You are going to visit: ' + this.href);
});
ÊDz»ÊǺÜÉñÆæ£¿ ʹÓà jQuery£¬Äú¿ÉÒÔ°ÑÎÕÎÊÌâµÄÒªµã£¬Ö»ÈôúÂëʵÏÖÄúÏëÒªµÄ¹¦ÄÜ£¬¶øÊ¡È¥ÁËһЩ·±ËöµÄ¹ý³Ì¡£ÎÞÐè¶ÔÔªËØ½øÐÐÑ»·£¬click() º¯Êý½«Íê³ÉÕâЩ²Ù×÷¡£Í¬ÑùÒ²²»ÐèÒª½øÐжà¸ö DOM ½Å±¾µ÷Óá£ÄúÖ»ÐèҪʹÓÃÒ»¸ö¼ò¶ÌµÄ×Ö·û´®¶ÔËùÐèµÄÔªËØ½øÐж¨Òå¼´¿É¡£
Àí½âÕâÒ»´úÂëµÄ¹¤×
Ïà¹ØÎĵµ£º
jsÎļþ:
var where=" where pd_Isjifen=0 and pd_Isok=1"; //²éѯÌõ¼þ
var psize=16; //²éѯÊý¾ÝÊýÄ¿
var pindex=0;//µ±Ç°Ò³Êý
var order=" order by pd_Update desc,type_sort,pd_brand,pd_typeid"; //ÅÅÐòÌõ¼þ
var temp=0; //Ä£°åÃû³Æ
var Pcount=0;
//»ñÈ¡²ÎÊý
function getUrlPara(p ......
ÕâÁ½ÌìÒ»Ö±ÔÚÂñÍ·¿àÁ·AJAX¼¼Êõ£¬ËäÈ»ÍøÉ϶ÔAJAXµÄ¿´·¨¸÷Óкûµ£¬ÔÚÎÒ¿´À´AJAX¶ÔÎÒÀ´Ëµ»¹ÊÇÒ»¸öºÜ²»´íµÄ¼¼Êõ£¬ËüÔںܴóµÄ³Ì¶ÈÉϼõÇáÁË·þÎñÆ÷µÄ¸ºµ££¬°ÑһЩ¼òµ¥µÄrequestͨ¹ýÀûÓÃjavascript·½·¨´´½¨Ò»¸öXMLHttpRequest¶ÔÏó·¢ËͺͽÓÊÕ·þÎñÆ÷µÄÐÅÏ¢£¬²»ÒªÍ¨¹ýË¢ÐÂÒ³Ãæ¾ÍÄܵõ½×Ô¼ºÏëÒªµÄЧ¹û£¬Õâ¼òÖ±ÊDz»¿É˼Òé¡£ÏÂÃæ¸ø³öÒ»¶ÎA ......
function send_request(callback, urladdress, isReturnData){
var xmlhttp = getXMLHttpRequest();
xmlhttp.onreadystatechange = function(){
&nb ......
ÏîÄ¿ÓÐʱҪÓÃһЩAjaxµÄЧ¹û£¬ÒòΪ±È½Ï¼òµ¥£¬Ò²¾ÍûÓÐÈ¥ÓÃʲôAjax.netÖ®ÀàµÄ¶«Î÷£¬ÊÖд´úÂëÒ²¾ÍʵÏÖÁË¡£¡¢
µÚ¶þÌ죬ÓÐÈËÏòÎÒ±¨¸æ´íÎó£»ËµÊÇÖ»ÓеÚÒ»´Î¶ÁÈ¡µÄÖµÕý³££¬ºóÃæµÄÖµ¶¼²»Õý³££»ÎÒµ÷ÊÔÁËһϠ£¬È·ÊµÓÐÕâÑùµÄÎÊÌ⣬²é³öÊÇÒòΪAJAX»º´æµÄÎÊÌ⣺½â¾ö°ì·¨ÓÐÈçϼ¸ÖÖ:
1¡¢ÔÚ·þÎñ ......
xmlHttpÐÎʽµÄAjax£ºXmlHttpÐÎʽµÄAjax IBM¼¼ÊõÎĵµ¿â
ÒÔÏÂÊÇÀûÓÃÒþ²ØiframeʵÏÖµÄajax:
index.htm
<html>
<head>
</head>
<body>
<iframe id="testFrame" frameborder="0" style="width:0px; height:0px;">
</ifra ......