²»ÓÃ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 = "ÄãºÃ,ºÎ¿ü£¡";
¡¡¡¡}
}
Ïà¹ØÎĵµ£º
Ajax
Ò».×ÊÔ´ÀàÍøÕ¾
1,¹úÄÚÍøÕ¾
1)AjaxÖйú(ÍÆ¼ö)
Ò»¸öרҵµÄajax¼¼ÊõÍøÕ¾,·ÖÀàÇåÎú,ÓдóÁ¿µÄµç×Ó°æ½Ì³Ì,ÒÔ¼°AJAXÔ´ÂëÏÂÔØ!
www.okajax.com
2)ajaxcn.org
ÀîçûÀÏʦµÄblog¡£Àîçû:¡¶ajaxʵս¡·ÒëÕß.
www.ajaxcn.org
-----------------------------------------
2,¹úÍâÍøÕ¾
1)¡¢AjaxµÄµ®Éú
Ajax:ANewApproachtoWeb ......
·þÎñÆ÷¶ËÏìÓ¦Îļþread_faq.jsp
·þÎñÆ÷ÏìÓ¦Îļþ¸ù¾ÝÓû§´«ÈëµÄfaqId²ÎÊý£¬´ÓÊý¾Ý¿âÖвéÕÒ¶ÔÓ¦µÄFAQÏêϸÐÅÏ¢¡£ÏêϸÐÅÏ¢¿ÉÒÔΪ°üº¬HTML±ê¼ÇµÄÄÚÈÝ¡£²éѯÍê±Ïºó½«½á¹û·µ»Ø¡£
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.D ......
Êý¾Ý¿âÉè¼Æ
±¾ÊµÀýʹÓÃÃûΪpostalcodeµÄÊý¾Ý¿â±í£¬°üº¬µÄ²¿·ÖÊý¾ÝÈçͼ1.4Ëùʾ¡£¾ßÌåµÄ´´½¨Êý¾Ý±íÓï¾äÈçÏ£º
CREATE TABLE 'postalcode' (
'id' int(11) NOT NULL auto_increment,
'area' varchar(255) NOT NULL,
'city' varchar(255) NOT NULL,
'code' varchar(6) NOT NULL,
&n ......
·þÎñÆ÷¶ËÏìÓ¦Îļþpostalcode.jsp
·þÎñÆ÷ÏìÓ¦Îļþ¸ù¾ÝÓû§ÊäÈëµÄÓÊÕþ±àÂ룬´ÓÊý¾Ý¿âÖвéѯ¶ÔÓ¦µÄµØÇøÐÅÏ¢¡£Èç¹ûûÓÐÈ¡µ½£¬Ôò·µ»Ø¿Õ×Ö·û´®¡£
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.DBUtils"%>
<%!
......
½â¾öAJAX(JSP)ÖÐÎÄÂÒÂë»òÌØÊâ·ûºÅ£¨&£©µÄ´«µÝÎÊÌâ----> ±¾ÈËÔ´´£¨244796562@qq.com£©
************************js******************************
...
...
var s = encodeURIComponent("ÖÐÎÄ&English&@#$%!");
xmlReq.send("test", "txt=" + s, callback, callerror);//ͨ¹ýXMLHTTPRequest·¢ËÍ×Ö·ûÊý¾ ......