ÍæÍæAJAX֮ʹÓÃashxÎļþÏìÓ¦À´×ÔJQueryµÄJSONÇëÇó(ת)
ashxÎļþÊÇ.net 2.0мӵÄÎļþÀàÐÍ(ÆäʵÔÚ.net 1.0ÏÂÒѾ¿ÉÓÃ,µ«ÊÇûÓй«¿ªÌṩ).
ashxÎļþºÍaspxÎļþÓÐʲô²»Í¬? ÎÒÃÇÏÈн¨Ò»¸öashxÎļþ¿´¿´:
ashx
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
public class Handler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
context.Response.Write("Hello World");
}
public bool IsReusable {
get {
return false;
}
}
}
¿´,±Èaspx¼ò½à¶àÁ˰É.Ö»ÓÐÒ»¸öÎļþ,ûÓкǫ́csÎļþ(»ùÓÚ´úÂ밲ȫ¿¼ÂÇ,ºó±ßÎÒÃÇ»á×Ô¼ºÌí¼ÓÕâ¸öÎļþ).ashx¶Ô±ÈaspxÎļþ,¾ÍºÃÏñÉÙÁËcsÎļþ.ÆäʵÕâ¾ÍÊÇashxºÍaspx²»Í¬µÄµØ·½,ÒòΪaspxÒª½«Ç°ºǫ́ÏÔʾºÍ´¦ÀíÂß¼·Ö¿ª,ËùÒÔ¾ÍŪ³ÉÁËÁ½¸öÎļþ,Æäʵ,ÔÚ×îÖÕ±àÒëµÄʱºò,aspxºÍcs»¹ÊÇ»á±àÒ뵽ͬһ¸öÀàÖÐÈ¥.ÕâÖмä¾ÍÒªÉè¼ÆhtmlµÄһЩÂß¼´¦Àí.¶øashx²»Í¬,ËüÖ»ÊǼòµ¥µÄ¶Ôweb httpÇëÇóµÄÖ±½Ó·µ»ØÄãÏëÒª·µ»ØµÄ½á¹û.±ÈaspxÉÙ´¦ÀíÁËhtmlµÄ¹ý³Ì.ÀíÂÛÉÏ,±ÈaspxÒª¿ì.
¿´¿´.net configÎļþÖжÔÁ½¸öÎļþÀàÐÍÇëÇóµÄÅäÖðÉ
configÉèÖÃ
<add path="*.aspx" verb="*" type="System.Web.UI.PageHandlerFactory" validate="True" />
<add path="*.ashx" verb="*" type="System.Web.UI.SimpleHandlerFactory" validate="True" />
¿ÉÒÔ¿´µ½Á½¸öÎļþ´¦ÀíµÄÀ಻һÑù(ashx´¦ÀíµÄÀà½ÐSimpleHandleFactory,¼ÈÈ»½ÐSimple,Ó¦¸Ã´¦Àí¹ý³ÌÒ²±È½ÏSimple.ÏìÓ¦ËÙ¶ÈÒ²Ó¦¸Ã¿ìµã°É:)
Ö»Òª¾ßÌå¼Ì³ÐÁËIHttpHandlerÈçºÎ´¦ÀíµÄÎÊÌâ,ÎÒÕâÀïÕÒµ½Ò»ÆªÔçÆÚµÄ,½éÉÜ.net 2.0±àÒëÄ£Ð͵ÄÎÊÌâ.±È½ÏÉî°Â,ÒªÂýÂý¹Äµ·Ò»ÏÂ:
µã»÷ÏÂÔØÎÄÕÂ
¹Äµ·ÍêÁËÄã¾Í´ó¸ÅÃ÷°×ÁËashx²»¹ý.netÀïÃæ×Ô¶¨ÒåºÃµÄÒ»¸öÇëÇó¸ñʽ,ashxÎļþÀàµÄÎļþµÄ´¦Àí¹ý³ÌÒª±ÈaspxÒª¼òµ¥µÃ¶à.
²»ËµÕâЩ¶«Î÷ÁË.˵»áÔõôÀûÓÃashxÎļþÀ´ÊµÏÖÎÒÃǵÄAJAXÇëÇó°É(ÆäʵʵÏÖºÍJQueryºÍJSON¹ØÏµ²»´ó)
¿´¿´JS´úÂë:
JS
function getSecondaryContent(menuId){
$.getJSON("Article/FreshNews.ashx", function(data) {
var txt = "<ul class=\"news\">";
$.each(data,function(i,n){
if(n.Url == "#")
txt += "<li><a href=\"#\" onclick=\"articleTitle_onclick('"+ n.ArticleId +"')\">"+ n.Ti
Ïà¹ØÎĵµ£º
×î½ümatch001.comÏîÄ¿×öÒ»¸ö·¢Ë͵ç×ÓϲÌûµÄ¹¦ÄÜ£¬·¢ÏÖQQÓÍÏäÃ÷ÐÅÆ¬¹¦Äܲ¶à¡£ÓÚÊǺõ¹¹Ë¼×ö³ÉÄǸöÑù×Ó¡£
Óм¸µãÐèҪʵÏֵģº
±³¾°Í¼Æ¬¡¢½á»éÏàÆ¬µÄ¼ÓÔØ¡£
N¶àµÄʼþ°ó¶¨
¸úÏà²áÊý¾Ý°ó¶¨£¬Ñ¡ÔñÏà²áÁгöËùÓÐÏàÆ¬£¬²¢ÇÒÏàÆ¬·ÖÒ³¡£ËùÓеͼAJAXʵÏÖ
³õʼ»¯Ò»¸öDIVÓÃÀ´¿ØÖÆÉϲãͼƬλÖÃÒÆ¶¯£¬¸ù¾Ý²»Í¬±³¾°Í¼Æ¬£¬³õʼ»¯²»²» ......
Ò»ÖÜǰ£¬leaderÈÃÎÒдһ¸öÀàËÆ°Ù¶ÈµÄ×Ô¶¯Íê³É¹¦ÄÜ£¬ºÇºÇ£¬ÒòΪ¶Ôajax¼¼ÊõÕÆÎյIJ»ºÃ£¬ËùÒÔ¿àÄÕÁ˺ܾÃûÓÐд³öÀ´
¾¹ýÒ»ÖܵÄѧϰ£¬ÖÕÓÚд³öÁËÒ»¸öajax³ÌÐò£¬ÒÔºóµÄ¹¤×÷¾ÍºÃ×ö¶àÀ²
index.jsp
<html>
<head>
<style >
#child{
color: #333;
width:200px;
&nbs ......
MOOTOOLSÖеķ½·¨Ê¹ÓÃ
Core.js
º¯Êý: $extend ½«µÚ¶þ¸ö²ÎÊý¶ÔÏóµÄËùÓÐÊôÐÔ¸´ÖƵ½µÚÒ»¸ö²ÎÊý¶ÔÏóÖÐ.
º¯Êý: $merge ºÏ²¢Ò»×é¶ÔÏóÉú³ÉжÔÏó
º¯Êý: $each µü´úÊý×é(°üÀ¨·Ç³£¹æÊý×é,ÈçÓÉÄÚ½¨µÄgetElementsByTagName·½·¨·µ»ØµÄ¼¯ºÏ¶ÔÏó, arguments¶ÔÏó, »òOjbect¶ÔÏó)
º¯Êý: $pick ·µ»Ø² ......
1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚÆµ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶ÓµÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓà ......