会员登录/控制面版您的位置: 学院首页 >> 网站开发 >> Ajax教程 >> 文章内容

精彩推荐

本类推荐文章

Ajax使用初步 (.net)

日期：2006-10-24 人气：出处：锋网源码作者:

字体大小:
小
中
大

Ajax定义为“Asynchronous JavaScript + XML”的简称，也就是异步的JavaScript和XML处理。从原理上看，主要是Ajax可以通过调用HttpRequest实现与服务器的异步通讯，并最终在网页中实现丰富友好的用户界面
Ajax使用初步，配置步骤
1.把Ajax.dll copy到应用系统bin目录下，然后在工程引用中引用Ajax.dll，如果没有的话可以到网上下载
2.配置web.config，添加如下信息

</httpHandlers>

3.假设应用系统叫Document，目录格式为Pages\AjaxTest
4.在Pages\AjaxTest下建立cs文件AjaxForm.cs，添加如下方法

//[Ajax.AjaxMethod]

[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]

public static string GetNIVNumber(string str)

{

return str;

}

5.在Pages\AjaxTest下建立页面AjaxForm.aspx

<HTML>

<HEAD>

<title>AjaxForm</title>

function testAjax(owner, item, evt)

{

var first=document.getElementById("txtfirst");

AjaxMethod.GetNIVNumber(first.value,callback_GetNIVNumber);

}

function callback_GetNIVNumber(res)

{

var obj=document.getElementById("txtsecond");

obj.value=res.value;

}

</script>

</HEAD>

<INPUT style="Z-INDEX: 101; LEFT: 208px; POSITION: absolute; TOP: 40px" type="button" value="Button"

onclick="testAjax();">

<asp:TextBox id="txtfirst" style="Z-INDEX: 102; LEFT: 40px; POSITION: absolute; TOP: 40px" runat="server"></asp:TextBox>

<asp:TextBox id="txtsecond" style="Z-INDEX: 103; LEFT: 40px; POSITION: absolute; TOP: 72px" runat="server"></asp:TextBox>

</form>

</body>

</HTML>

protected System.Web.UI.WebControls.TextBox txtfirst;

protected System.Web.UI.WebControls.TextBox txtsecond;

private void Page_Load(object sender, System.EventArgs e)

{

//注册,其中Document.Pages.AjaxTest.AjaxMethod为AjaxMethod.cs方法所在的命名空间

Ajax.Utility.RegisterTypeForAjax(typeof(Document.Pages.AjaxTest.AjaxMethod));

}

然后运行就可以了，实现效果：在第一个textbox中输入内容，点击button，就把内容显示到第二textbox中。这只是一个简单的示例，还可以修改调用方法，从数据库读取以及更复杂的操作

精彩推荐

本类推荐文章

本类阅读排行

Ajax使用初步 (.net)

相关文章

相关软件

网友评论: