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

²»ÓÃAJAXʵÏÖǰ̨JSµ÷Óúǫ́C#·½·¨(С¼¼ÇÉ)

      £¨×ªÌû£©
¡¡¡¡Ò»Ìáµ½ÈçºÎÔÚǰ̨JSµ÷Óúǫ́C#·½·¨£¬AJAX³ÉΪÁ˱ØÈ»µÄÏë·¨¡£
¡¡¡¡Ö»ÊÇʵÏÖµÄϸ½Ú²ÉÓÃAJAX 1.0»òÕßAjaxProµÄÇø±ð¡£
¡¡¡¡ÆäʵÈç¹û²»ÓÃAJAX£¬ÎÒÃÇÒ²Äܹ»ºÜ·½±ãµØÀûÓÃJSµ÷Óúǫ́·½·¨¡£
¡¡¡¡²½ÖèÈçÏ£º
¡¡¡¡1 ǰ̨·ÅÒ»¸ö°´Å¥¡£ÉèÖÃΪÒþ²Ø¡£×¢Ò⣺²»ÄÜÖ±½ÓÉèÖÃVisible=falseµÄ·½Ê½£¬ÕâÑùµÄ»°ÔÚASP.Net 2.0±àÒëºóµÄ´úÂëÀïÊÇÕÒ²»µ½Õâ¸ö°´Å¥µÄ¡£ÐèÒªÉèÖ÷ç¸ñ£ºstyle="display:none;"
¡¡¡¡2 Ë«»÷°´Å¥£¬Ð´ÈëC#·½·¨£¬»òÕßдһ¸öµ÷Óúǫ́ÆäËû·½·¨µÄ´úÂë¶Î
¡¡¡¡3 ǰ̨JSµ÷ÓõÄʱºò£¬ÕÕÈçÏÂд£¬ÕâÑù¿ÉÒÔÄ£Äâ°´Å¥µÄµã»÷ʼþ£¬´¥·¢ºǫ́·½·¨£º
¡¡¡¡document.getElementById("Button2").click();
¡¡¡¡Ê¾Àý
¡¡¡¡ASP.NetÒ³£º
¡¡<mce:script type="text/javascript"><!--
¡¡¡¡function go()
¡¡¡¡{
¡¡¡¡¡¡¡¡document.getElementById("Button2").click();
¡¡¡¡}
¡¡¡¡
// --></mce:script>
¡¡¡¡
</head>
<body>
¡¡¡¡<form id="form1" runat="server">
¡¡¡¡¡¡¡¡<div>
¡¡¡¡¡¡¡¡¡¡¡¡<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
¡¡¡¡¡¡¡¡¡¡¡¡<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="go();return false;" />
¡¡¡¡¡¡¡¡¡¡¡¡<asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" Style="display: none;" mce_Style="display: none;" />
¡¡¡¡¡¡¡¡</div>
¡¡¡¡</form>
</body>
</html>
   ºǫ́C#£º
  using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text;
¡¡¡¡
public partial class _Default : System.Web.UI.Page
{
¡¡¡¡protected void Page_Load(object sender, EventArgs e)
¡¡¡¡{
¡¡¡¡
¡¡¡¡}
¡¡¡¡
¡¡¡¡protected void Button2_Click(object sender, EventArgs e)
¡¡¡¡{
¡¡¡¡¡¡¡¡this.SayHello();
¡¡¡¡}
¡¡¡¡
¡¡¡¡private void SayHello()
¡¡¡¡{
¡¡¡¡¡¡¡¡this.TextBox1.Text = "ÄãºÃ,ºÎ¿ü£¡";
¡¡¡¡}
}


Ïà¹ØÎĵµ£º

Ñ­»·ÎªTextBox¸³Öµ (asp.net C#)

 ×¢Òâ:
ÔÚʹÓÃFindControlʱ,Ò»¶¨ÒªÔÚ×îÌù½ü²éÕÒ¶ÔÏóµÄÍâ±ß¼ÓÉϸöÈÝÆ÷,Èç¹ûÄãÖ±½ÓÓÃthis.FindControl,»òPage.FindControlÄÇô¾Í»á¾­³£³öÏÖ佫¶ÔÏóÉèÖõ½ÊµÀý
µÄ´íÎó,ËùÒÔ×îºÃ¼ÓÒ»¸öÈÝÆ÷,ÄÇôÕâÀï¼ÓµÄDIV¾ÍÊÇÒ»¸öÈÝÆ÷,ΪÁËÈÃFindControlÔÚIDΪ"TextBoxs"µÄDIVÄÚÈ¥ÕÒÃûΪcom1,com2,com3µÄTextBOx;
<div ......

AjaxÌØÐ§£º¶¯Ì¬¼ÓÔØµÄFAQ Ö®Ò»


ͼ1.1  ʵÀýÔËÐÐЧ¹û
1.1.1  ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......

AjaxÌØÐ§ ¶¯Ì¬¼ÓÔØµÄFAQ Ö®¶þ

±¾ÊµÀýʹÓÃÃûΪfaqµÄÊý¾Ý¿â±í£¬°üº¬µÄÊý¾ÝÈçͼ1.2Ëùʾ¡£¾ßÌåµÄ´´½¨Êý¾Ý±íÓï¾äÈçÏ£º
 
CREATE TABLE 'faq' (
  'id' int(11) NOT NULL auto_increment,
  'faq' varchar(255) NOT NULL,
  'detail' varchar(255) NOT NULL,
  PRIMARY KEY  ('id')
)
ͼ1.2  ±ífaq°üº¬µÄÊý¾Ý
Ö÷ ......

AjaxÌØÐ§ ¸ù¾ÝÓÊÕþ±àÂë»ñÈ¡µØÇøÐÅÏ¢ Ö®Ò»

 ÔںܶàϵͳÖУ¬ÐèÒªÓû§Ìîд¸öÈË×ÊÁÏ£¬ÆäÖаüº¬µØÇø¡¢³ÇÊС¢ÓÊÕþ±àÂëµÈÐÅÏ¢¡£¶øÓÊÕþ±àÂë±¾Éí°üº¬Á˵ØÇøºÍ³ÇÊÐÐÅÏ¢£¬ËùÒÔ¿ÉÒÔÀûÓô˹æÔò¼ò»¯²Ù×÷¡£Óû§Ö»ÐèÒªÊäÈëÓÊÕþ±àÂ룬ϵͳ¸ù¾ÝÓÊÕþ±àÂë×Ô¶¯È¡µÃµØÇøÐÅÏ¢¡£ÕâÑù×öʹµÃÓû§¿ÉÒÔ»ñµÃ¸üºÃµÄʹÓÃÌåÑ飬Ҳ¿ÉÒÔ¼õÉÙ´íÎóµÄ·¢Éú¡£
ҪʵÏÖ×Ô¶¯»ñÈ¡µØÇøÐÅÏ¢£¬Ö÷Òª¿¼ÂÇ3¸öÎÊÌ ......

AJAX ¿â

 BODY { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
P { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
DIV { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
TD { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶Ó­µÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ
google.l ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ