ajax讲解和入门实例
发布时间：2020-12-15 21:04:52 所属栏目：百科 来源：网络整理
导读：ajax技术已经火了一段时间了，但是真正用上ajax的网站却不多，而运用ajax技术的网站以google为代表，如Google推出Gmail,广泛应用局部刷新技术,采用的就是Ajax技术。 大家知道严格来说程序分为桌面应用程序和Web应用程序，桌面应用程序提供的用户界面丰富，好
|
ajax技术已经火了一段时间了，但是真正用上ajax的网站却不多，而运用ajax技术的网站以google为代表，如Google推出Gmail,广泛应用局部刷新技术,采用的就是Ajax技术。 大家知道严格来说程序分为桌面应用程序和Web应用程序，桌面应用程序提供的用户界面丰富，好看页面没有刷新等。而web应用程序访问服务器时需要刷新页面，等待请求然后再重新生成页面呈现给用户。 不知大家感觉如何，我在做B/S软件时对于这种刷新页面的感觉很不舒服。 好了，我们下边来对ajax技术分析和给出一个实例。 1．什么是ajax Ajax：AsynchronousJavaScriptAndXML（异步JavaScript和XML）的缩写。 据我所知和同行的反应，ajax并不是一项新技术（就如大家所说有点像用新瓶装旧酒的感觉，哈哈…） 而是很多技术的集合（好像一个框架，内部集成了几种技术啊，哈哈…）。Ajax使用通信技术（通常为SOAP和XML）发送和接收对服务器的异步请求/响应，然后利用显示技术（JavaScript、DOM、HTML和CSS）处理响应。 ajax使您能够通过JavaScript调用执行服务器端方法，而不需要刷新浏览器。 好了，让我们通过一个采用ajax技术的小程序来学习ajax并深深地爱上她吧。 2．实例 2.1从ajax.net网站上下载ajax.dll文件(本人用的是VS.net2005,下载的是AjaxPro.2.dll) 2.2在项目中引用AjaxPro.2.dll 2.3修改web.config文件，加入： <system.web> <httpHandlers> <!--Registertheajaxhandler--> <addverb="POST,GET"path="ajaxpro/*.ashx"type="AjaxPro.AjaxHandle***ctory,AjaxPro.2"/> </httpHandlers> </system.web> 2.4为了使服务器端函数在JavaScript中可用，必须做两件事情。首先，要使用的函数必须标有Ajax.AjaxMethodAttribute。其次，在页加载事件期间，必须通过调用Ajax.Utility.RegisterTypeForAjax来注册包含这些函数的类： protectedvoidPage_Load(objectsender,EventArgse) { AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));//注册 } [AjaxPro.AjaxMethod] publicintMySum(inta,intb) { returna+b; } 2.5客户端javascript: <formid="form1"runat="server"> <div> <inputid="txtA"type="text"onchange="Jsum()"/> + <inputid="txtB"type="text"onchange="Jsum()"/> = <inputid="result"type="text"/> </div> </form> <scripttype="text/javascript"> functionJsum() { vara=document.getElementById('txtA').value; varb=document.getElementById('txtB').value; vara1=parseInt(a); varb1=parseInt(b); _Default.MySum(a1,b1,getSum_callback); } functiongetSum_callback(rel) { document.getElementById("result").value=rel.value; } </script> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |