`
zengbo0710
  • 浏览: 414744 次
社区版块
存档分类
最新评论

Ajax使用初步

AjaxASP.netASPJavaScriptUI 
阅读更多
Ajax定义为“Asynchronous JavaScript + XML”的简称，也就是异步的JavaScript和XML处理。从原理上看，主要是Ajax可以通过调用HttpRequest实现与服务器的异步通讯，并最终在网页中实现丰富友好的用户界面
Ajax使用初步，配置步骤
1.把Ajax.dll copy到应用系统bin目录下，然后在工程引用中引用Ajax.dll，如果没有的话可以下载/Files/singlepine/Ajax.rar
2.配置web.config，添加如下信息
<httpHandlers>
  <add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax" />
</httpHandlers>
3.假设应用系统叫Document，目录格式为Pages\AjaxTest
4.在Pages\AjaxTest下建立cs文件AjaxMethod.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>
  <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
  <meta name="CODE_LANGUAGE" Content="C#">
  <meta name="vs_defaultClientScript" content="JavaScript">
  <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
  <script language="javascript">
  function testAjax()
  {
   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>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <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中。这只是一个简单的示例，还可以修改调用方法，从数据库读取以及更复杂的操作   

分享到：
| [转]Hibernate 3 Annotations 进阶
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    关于ajax的初步认识

    3. **前进/后退按钮**：不恰当的Ajax处理可能导致用户无法正常使用浏览器的历史记录功能。 4. **用户体验**：如果Ajax请求失败或出现错误，用户可能不清楚发生了什么。 **Ajax的应用场景：** 1. **表单提交**：即时...

    初步使用ajax.pdf

    对ajax的初步了解和简单使用方法。 内容：初步认识ajax；ajax的同步和异步；ajax状态码；ajax请求兼容问题；发送带参数的GET/POST请求；封装ajax的过程；

    基于jQuery中的Ajax应用初步

    本教程将对基于jQuery的Ajax应用进行初步探讨。** ### 一、jQuery与Ajax的结合 jQuery库通过$.ajax()函数提供了对Ajax的全面支持。这个函数是jQuery中进行Ajax请求的核心，它可以处理GET、POST以及其他HTTP请求...

    dynaTrace_Ajax版使用指南

    【dynaTrace_Ajax版使用指南】是一篇详细介绍如何使用dynaTrace Ajax版本的文档，旨在帮助用户理解和解决Web 2.0和Ajax应用程序中的性能和功能问题。该指南特别强调了在前端页面生命周期解析方面的详细性，适用于...

    asp.net ajax初步入门

    ASP.NET AJAX，全称为ASP.NET Asynchronous JavaScript and XML，是一种微软提供的技术框架，...对于初学者来说，通过阅读"asp.net ajax初步入门"这样的电子图书，可以逐步掌握这些技能，开启在ASP.NET领域的开发之旅。

    对ajax的初步认识及实例

    Ajax（异步JavaScript和XML）是一种在不刷新整个网页的情况下，与服务器交换数据并更新部分网页的技术。这种技术显著提升了用户体验，因为它允许用户在等待服务器响应的同时，继续浏览或交互其他页面元素。Ajax的...

    Ajax初步技术

    Ajax初步技术 word

    ajax视频教程1

    这个视频可能涵盖了Ajax的初步介绍，包括如何创建XMLHttpRequest对象，发送GET请求，以及处理简单的响应。观看此视频，学习者可以对Ajax有一个基本的认识，并开始动手实践。 综上所述，Ajax视频教程将涵盖Ajax的...

    Ajax的使用，验证码图片生成asp.net

    客户端首先使用JavaScript的正则表达式进行初步校验，然后通过Ajax将邮箱地址发送到服务器。服务器端再次进行更严格的格式检查，确保邮箱的合法性。如果邮箱格式有误，服务器会返回错误信息，客户端接收后更新提示。...

    JSP乱码终极攻略和AJAX初步运用

    总的来说，解决JSP乱码问题和正确使用AJAX传递中文参数，关键在于理解编码和解码的过程，以及在不同环境下的适应性调整。通过适当的过滤器配置、参数转换和统一的编码标准，可以有效地防止和解决这些问题。在实际...

    AJAX在JAVA上初步应用

    综上所述，AJAX在JAVA上的应用可以结合MVC模式，通过创建XML数据、使用AJAX异步请求这些数据，然后在客户端动态更新视图，从而提高Web应用的响应速度和用户体验。同时，我们还讨论了JAVA中生成XML的技巧以及如何在...

    初步体验Ajax异步提交

    在提供的MyEclipse项目中，`AjaxTest`可能包含了一个示例，演示了如何在实际项目中使用Ajax进行异步提交。通常，这会涉及到HTML页面中触发Ajax请求的按钮，以及对应的JavaScript代码来处理请求和更新结果。 **9. ...

    JSP+Ajax经典开发实例

    - 表单验证，前端JavaScript初步验证后，再通过Ajax提交数据至服务器进行深度校验。 通过这些实例，开发者可以深入理解JSP和Ajax如何协同工作，以及如何利用它们来创建高性能、高互动性的Web应用。掌握这些技能对于...

    AJAX+PHP实现的几种效果

    6. **表单验证**：在客户端进行初步验证后，AJAX将数据发送到PHP进行服务器端验证，防止跨站脚本攻击等安全问题。 7. **实时聊天**：AJAX可以定时轮询或使用WebSocket技术与PHP服务器通信，实现实时聊天功能。 8. ...

    Ajax的控件

    而"ReadMe.txt"文件通常包含了安装指南、版本信息、更新日志以及可能遇到的问题和解决方案，对于初次使用者来说，这是获取初步信息和帮助的重要来源。 总的来说，Ajax控件通过提供丰富的用户界面组件和便捷的异步...

    AJAX开发简略(附源代码)

    三、为什么使用AJAX. 4 四、谁在使用AJAX. 6 五、用AJAX改进你的设计... 6 例子1：数据校验... 7 例子2：按需取数据—级联菜单... 7 例子3：读取外部数据... 7 六、AJAX的缺陷... 7 七、AJAX...

    ajax网页设计+CSS设计

    3. 数据格式：尽管名字中有XML，但现代Ajax更多使用JSON，因为JSON更轻量且易于处理。 4. DOM（Document Object Model）：用于在接收到新数据后更新页面元素。 CSS设计则是关于网页样式和布局的，它定义了网页元素...

    ajax一个最简单的例子

    通过这个简单的Ajax例子，你应该已经对Ajax有了初步的了解。随着实践的深入，你会发现Ajax在Web开发中有着广泛的应用，能够显著提升网站的用户体验和性能。继续学习和探索，你将能更好地掌握这一关键技术。

    ajax-表单验证

    在前端进行初步验证可以提供即时反馈，防止无效数据提交，减轻服务器压力。而在后端验证则是为了确保安全性和完整性，防止恶意或异常数据进入数据库。 **PHP**是一种广泛使用的开源脚本语言，特别适合于Web开发。在...

Magicbox
Global site tag (gtag.js) - Google Analytics