Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。
Ajax 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
Ajax可使因特网应用程序更小、更快,更友好。
Ajax 是一种独立于 Web 服务器软件的浏览器技术。 Ajax 基于下列 Web 标准:
JavaScript、XML、HTML与 CSS 在 Ajax 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。
Web 应用程序较桌面应用程序有诸多优势;它们能够涉及广大的用户,它们更易安装及维护,也更易开发。
不过,因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 Ajax,因特网应用程序可以变得更完善,更友好。
ajax实例调用方法
1.新建demo.aspx页面。
2.首先在该页面的后台文件demos.aspx.cs中添加引用。
using System.Web.Services;
3.无参数的方法调用。
大家注意了,这个版本不能低于.net framework 2.0。2.0已下不支持的。后台代码:
[WebMethod] public staTIc string SayHello() { return “Hello Ajax!”; }
JS代码:
$(funcTIon() { $(“#btnOK”).click(funcTIon() { $.ajax({ //要用post方式 type: “Post”, //方法所在页面和方法名 url: “Demo.aspx/SayHello”, contentType: “applicaTIon/json; charset=utf-8”, dataType: “json”, success: function(data) { //返回的数据用data.d获取内容 alert(data.d); }, error: function(err) { alert(err); } }); //禁用按钮的提交 return false; }); });
页面代码:
《form id=“form1” runat=“server”》 《div》 《asp:Button ID=“btnOK” runat=“server” Text=“验证用户” /》 《/div》 《/form》
运行效果如下:
3.有参数方法调用后台代码:
[WebMethod] public static string GetStr(string str, string str2) { return str + str2; }
JS代码:
$(function() { $(“#btnOK”).click(function() { $.ajax({ type: “Post”, url: “demo.aspx/GetStr”, //方法传参的写法一定要对,str为形参的名字,str2为第二个形参的名字 data: “{‘str’:‘我是’,‘str2’:‘XXX’}”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function(data) { //返回的数据用data.d获取内容 alert(data.d); }, error: function(err) { alert(err); } }); //禁用按钮的提交 return false; }); });
运行效果如下:
4.返回数组方法
后台代码:
[WebMethod] public static List《string》 GetArray() { List《string》 li = new List《string》(); for (int i = 0; i 《 10; i++) li.Add(i + “”); return li; }
JS代码:
$(function() { $(“#btnOK”).click(function() { $.ajax({ type: “Post”, url: “demo.aspx/GetArray”, contentType: “application/json; charset=utf-8”, dataType: “json”, success: function(data) { //插入前先清空ul $(“#list”).html(“”); //递归获取数据 $(data.d).each(function() { //插入结果到li里面 $(“#list”).append(“《li》” + this + “《/li》”); }); alert(data.d); }, error: function(err) { alert(err); } }); //禁用按钮的提交 return false; }); });
页面代码:
《form id=“form1” runat=“server”》
《div》
《asp:Button ID=“btnOK” runat=“server” Text=“验证用户” /》
《/div》
《ul id=“list”》
《/ul》
《/form》
运行结果图:
技术专区
- mybatis动态sql详解
- 用VHDL语言设计数据传输系统中的HDB3编码器
- 裸机程序如何驱动硬件?看前辈是怎么说的
- 应用面向对象编程SoC原则的典型示例
- 嵌入式开发之java常用开发工具介绍