ÍæÍæ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
Ïà¹ØÎĵµ£º
×î½üÍøÉÏÌáµÄºÜ¶àµÄÒ»¸öиÅÄî¾ÍÊÇ AJAX ÁË, ÄÇô, AJAX ÊÇÊ²Ã´ÄØ? ÒÔÏÂÄÚÈÝÒýÓÃÍøÉÏ×ÊÁÏ:
AJAXÈ«³ÆÎª“Asynchronous JavaScript and XML”£¨Òì²½JavaScriptºÍXML£©£¬ÊÇÖ¸Ò»ÖÖ´´½¨½»»¥Ê½ÍøÒ³Ó¦ÓõÄÍøÒ³¿ª·¢¼¼Êõ¡£ËüÓлúµØ°üº¬ÁËÒÔϼ¸ÖÖ¼¼Êõ£º
Ajax£¨Asynchronous JavaScript + XML£©µÄ¶¨Òå
»ùÓÚ web±ê×¼£¨sta ......
1¡¢ajax¼¼ÊõµÄ±³¾°
²»¿É·ñÈÏ£¬ajax¼¼ÊõµÄÁ÷ÐеÃÒæÓÚgoogleµÄ´óÁ¦Íƹ㣬ÕýÊÇÓÉÓÚgoogle earth¡¢google suggestÒÔ¼°gmailµÈ¶Ôajax¼¼ÊõµÄ¹ã·ºÓ¦Ó㬴ßÉúÁËajaxµÄÁ÷ÐС£¶øÕâÒ²ÈÃ΢Èí¸Ðµ½ÎޱȵÄÞÏÞΣ¬ÒòΪÔçÔÚ97Ä꣬΢Èí±ãÒѾ·¢Ã÷ÁËajaxÖеĹؼü¼¼Êõ£¬²¢ÇÒÔÚ99ÄêIE5ÍÆ³ö֮ʱ£¬Ëü±ã¿ªÊ¼Ö§³ÖXmlH ......
ÎÒÃǶ¼ÖªµÀ£¬ajaxÄÜÌá¸ßÒ³ÃæÔØÈëµÄËٶȵÄÖ÷ÒªÔÒòÊÇͨ¹ýajax¼õÉÙÁËÖØ¸´Êý¾ÝµÄÔØÈë£¬ÕæÕý×öµ½°´Ðè»ñÈ¡£¬¼ÈÈ»Èç´Ë£¬ÎÒÃÇÔÚдajax³ÌÐòµÄʱºò²»·ÁËÍ·ðË͵½Î÷£¬ÔÚ¿Í»§¶ËÔÙ×öÒ»´Î»º´æ,½øÒ»²½Ìá¸ßÊý¾ÝÔØÈëËÙ¶È¡£ÄǾÍÊÇÔÚÔØÈëÊý¾ÝµÄͬʱ½«Êý¾Ý»º´æÔÚä¯ÀÀÆ÷ÄÚ´æÖУ¬Ò»µ©Êý¾Ý±»ÔØÈë£¬Ö»ÒªÒ³ÃæÎ´Ë¢Ð£¬¸ÃÊý¾Ý¾ÍÓÀÔ¶µÄ»º´æÔÚÄÚ´æÖУ¬µ±Ó ......
oad()·½·¨
load( url [,data] [,callback]) dataÊÇObjectÀàÐÍ£¬·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
Àý£º
$(function(){
$("#send").click(function(){
$("#resText").load("test.html ......