Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÍæÍæ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


Ïà¹ØÎĵµ£º

UCHOMEµÄAJAX·ÖÏí

×î½ümatch001.comÏîÄ¿×öÒ»¸ö·¢Ë͵ç×ÓϲÌûµÄ¹¦ÄÜ£¬·¢ÏÖQQÓÍÏäÃ÷ÐÅÆ¬¹¦Äܲ¶à¡£ÓÚÊǺõ¹¹Ë¼×ö³ÉÄǸöÑù×Ó¡£
Óм¸µãÐèҪʵÏֵģº
±³¾°Í¼Æ¬¡¢½á»éÏàÆ¬µÄ¼ÓÔØ¡£
N¶àµÄʼþ°ó¶¨
¸úÏà²áÊý¾Ý°ó¶¨£¬Ñ¡ÔñÏà²áÁгöËùÓÐÏàÆ¬£¬²¢ÇÒÏàÆ¬·ÖÒ³¡£ËùÓеͼAJAXʵÏÖ
³õʼ»¯Ò»¸öDIVÓÃÀ´¿ØÖÆÉϲãͼƬλÖÃÒÆ¶¯£¬¸ù¾Ý²»Í¬±³¾°Í¼Æ¬£¬³õʼ»¯²»²» ......

ÎҵĵÚÒ»¸öajax ×Ô¶¯Íê³É

Ò»ÖÜǰ£¬leaderÈÃÎÒдһ¸öÀàËÆ°Ù¶ÈµÄ×Ô¶¯Íê³É¹¦ÄÜ£¬ºÇºÇ£¬ÒòΪ¶Ôajax¼¼ÊõÕÆÎյIJ»ºÃ£¬ËùÒÔ¿àÄÕÁ˺ܾÃûÓÐд³öÀ´
¾­¹ýÒ»ÖܵÄѧϰ£¬ÖÕÓÚд³öÁËÒ»¸öajax³ÌÐò£¬ÒÔºóµÄ¹¤×÷¾ÍºÃ×ö¶àÀ²
index.jsp
<html>
<head>
<style >
 #child{
  color: #333;
  width:200px;
 &nbs ......

¹ØÓÚAJAXÖÐmootools·½·¨µÄʹÓÃ

MOOTOOLSÖеķ½·¨Ê¹ÓÃ
Core.js
º¯Êý: $extend ½«µÚ¶þ¸ö²ÎÊý¶ÔÏóµÄËùÓÐÊôÐÔ¸´ÖƵ½µÚÒ»¸ö²ÎÊý¶ÔÏóÖÐ.
º¯Êý: $merge  ºÏ²¢Ò»×é¶ÔÏóÉú³ÉжÔÏó
º¯Êý: $each   µü´úÊý×é(°üÀ¨·Ç³£¹æÊý×é,ÈçÓÉÄÚ½¨µÄgetElementsByTagName·½·¨·µ»ØµÄ¼¯ºÏ¶ÔÏó, arguments¶ÔÏó, »òOjbect¶ÔÏó)
º¯Êý: $pick   ·µ»Ø² ......

ajax Ïà¹Ø


1
¡¢½éÉÜÒ»ÏÂ
Prototype
µÄ
$()
º¯Êý£¬
$F()
º¯Êý£¬
$A()
º¯Êý¶¼ÊÇʲô×÷Óã¿
$()
·½·¨ÊÇÔÚDOM
ÖÐ
ʹÓùýÓÚÆµ·±µÄ document.getElementById()
·½·¨µÄÒ»¸ö±ãÀûµÄ¼òд£¬¾ÍÏñÕâ¸öDOM
·½
·¨Ò»Ñù£¬Õâ¸ö·½·¨·µ»Ø²ÎÊý´«ÈëµÄid
µÄÄǸöÔªËØ¡£
$F()
º¯ÊýÊÇÁíÒ»¸ö´óÊÕ»¶Ó­µÄ“
¿ì
½Ý¼ü”
£¬ËüÄÜÓà ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ