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》
运行结果图:
可以戴在皮肤上的生物传感器有望带来一些令人兴奋的可能性
什么是极紫外光刻 极紫外光刻优势介绍
智慧屏将如何改变智能家居的格局
什么是OSPF?OSPF的工作流程概述
平均电流控制和峰值电流控制的区别
ajax实例调用方法
新一代存储芯片将打破现有模式?它们会成为主导者吗?
罗杰斯公司推出新一代层压板材料
2018年的手机市场格局有望被重塑,海外市场空间更为广阔
MF50万用表的小改进
可以给iPhone/iPad充电的摇椅:iRock
向日葵为企业提供智能通信产品和垂直应用一站式解决方案
丰田为美市场汽车内置短距离通信芯片
示波器TDS3012CLNA口无法通信维修方法
基于MEMS加速度计的振动监控解决方案
对于如今的智能手机还有必要配置线性马达吗
区块链资产抵押借贷平台开发比特币借贷系统搭建
亿纬锂能助力402客位“蓝海豚23”号顺利首航
IBM推出区块链技术平台,提供葡萄酒供应链追踪系统
凸轮控制器轴传感器如果坏掉了将会出现哪些状况