前端之家收集整理的这篇文章主要介绍了
ajax讲解和入门实例,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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>
原文链接:https://www.f2er.com/ajax/166838.html