²»ÓÃ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 = "ÄãºÃ,ºÎ¿ü£¡";
¡¡¡¡}
}
Ïà¹ØÎĵµ£º
ͼ1.1 ʵÀýÔËÐÐЧ¹û
1.1.1 ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
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°üº¬µÄÊý¾Ý
Ö÷ ......
Ò³ÃæÖÐÏÔʾÁË3¸öÎÊÌ⣬·Ö±ð±àºÅΪ1¡¢2¡¢3¡£Ã¿¸öÎÊÌâ±íÏÖΪһ¸ö³¬Á´½Ó£¬µ¥»÷³¬Á´½Ó´¥·¢loadFAQº¯Êý¡£Ã¿¸öÎÊÌâÏÂÃæ°üº¬Ò»¸öÓÃÓÚÏÔʾ´ð°¸µÄdiv£¬idÊôÐÔÉèÖÃΪ“faqDetail+ÎÊÌâ±àºÅ”£¬Í¨¹ýstyle="display:none"ĬÈÏÉèÖÃΪÒþ²Ø¡£ÏêϸµÄº¯Êý˵Ã÷Çë²Î¿¼´úÂëÖеÄ×¢ÊÍ¡£
<%@ page contentType="text/plain; c ......
¼¼ÊõÒªµã
ÔÚ»ù±¾ÔÀíµÄ½éÉÜÖУ¬Á˽⵽ͨ¹ýÔÚ¸¸½ÚµãÄÚ¶¯Ì¬´´½¨×ӽڵ㣬²¢ÀûÓÃÑùʽ±íËõ½øÍê³ÉÊ÷ÐÎÁбíµÄ»ù±¾¿ò¼Ü¡£³ýÁËÕâÒ»µãÍ⣬»¹ÓÐÏÂÃæÒ»Ð©ÎÊÌâÐèÒª¿¼ÂÇ¡£
1£®½«¸¸½ÚµãËùÓеÄ×Ó½Úµã·ÅÈëÒ»¸öÈÝÆ÷ÖÐ
»ù±¾ÔÀíÒ³ÃæÖнö°üº¬ÁË´´½¨×Ó½ÚµãµÄ¹¦ÄÜ£¬²»¿ÉÒÔ½«´´½¨ºÃµÄ½ÚµãÔÙ½øÐйرղÙ×÷¡£Êµ¼ÊÓ¦ÓÃÖв˵¥×ÜÊǰüº¬´ò¿ªºÍ¹Ø±ÕÁ½ÖÖ² ......
//¶ÁÈ¡±ê×¼Áбí
private void setModelList()
{
OleDbConnection Connection = null;
&n ......