Net后台的方法解析_jquery_脚本之家
分类:pc28.am

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代码: 复制代码 代码如下: $ { $.click { $.ajax({ //要用post情势 type: "Post", //方法所在页面和方式名 url: "德姆o.aspx/SayHello", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //重回的多寡用data.d获取内容 alert; }, error: function; } }); //禁止使用开关的交付 return false; }); }); 页面代码: 复制代码 代码如下: 3.有参数方法调用 后台代码: 复制代码 代码如下: [WebMethod] public static string GetStr(string str, string str2) { return str str2; } JS代码: 复制代码 代码如下: $ { $.click { $.ajax({ type: "Post", url: "demo.aspx/GetStr", //方法传参的写法一定要对,str为形参的名字,str2为第一个形参的名字 data: "{'str':'小编是','str2':'XXX'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //再次回到的多少用data.d获取内容 alert; }, error: function; } }); //禁止使用开关的交付 return false; }); }); 运转效果如下:

行使JQuery的$.ajax()能够很有益于的调用asp.net的后台方法。先来个简易的实例热热身吧。

4.回来数组方法后台代码:复制代码 代码如下: [WebMethod] public static List GetArray() { List li = new List(); for (int i = 0; i < 10; i ) li.Add; return li; } JS代码: 复制代码 代码如下: $ { $.click { $.ajax({ type: "Post", url: "demo.aspx/GetArray", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //插入前先清空ul $; //递归获取数据 $.each { //插入结果到li里面 $.append("

1、无参数的主意调用asp.net code:复制代码 代码如下:using System.Web.Script.Services; [WebMethod] public static string SayHello() { return "Hello Ajax!"; } using System.Web.Script.Services;

" this "

[WebMethod]public static string SayHello(){ return "Hello Ajax!";} 注意:1.形式肯定要静态方法,何况要有[WebMethod]的声明

"); }); alert; }, error: function; } }); //禁用开关的交给 return false; }); });

JQuery code:复制代码 代码如下:/// $ { $.click { $.ajax({ //要用post形式 type: "Post", //方法所在页面和办法名 url: "data.aspx/SayHello", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //重返的数目用data.d获取内容 alert; }, error: function; } }); //禁止使用开关的交付 return false; }); }); /// $ { $.click { $.ajax({ //要用post方式 type: "Post", //方法所在页面和艺术名 url: "data.aspx/SayHello", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //重回的数目用data.d获取内容 alert; }, error: function; } });

运作结果图:

//禁止使用开关的付出 return false; });}); 结果:

2、带参数的办法调用asp.net code:复制代码 代码如下:using System.Web.Script.Services; [WebMethod] public static string GetStr(string str, string str2) { return str str2; } using System.Web.Script.Services;

[WebMethod]public static string GetStr(string str, string str2){ return str str2;} JQuery code:复制代码 代码如下:/// $ { $.click { $.ajax({ type: "Post", url: "data.aspx/GetStr", //方法传参的写法必供给对,str为形参的名字,str2为第一个形参的名字 data: "{'str':'作者是','str2':'XXX'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //重临的多寡用data.d获取内容 alert; }, error: function; } }); //禁用开关的交由 return false; }); }); /// $ { $.click { $.ajax({ type: "Post", url: "data.aspx/GetStr", //方法传参的写法必定要对,str为形参的名字,str2为第1个形参的名字 data: "{'str':'我是','str2':'XXX'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //重回的数量用data.d获取内容 alert; }, error: function; } });

//禁止使用开关的付出 return false; });}); 运营结果:

下边进入高级应用罗

3、重临数组方法的调用asp.net code:复制代码 代码如下:using System.Web.Script.Services; [WebMethod] public static List GetArray() { List li = new List(); for (int i = 0; i < 10; i ) li.Add; return li; } using System.Web.Script.Services;

[WebMethod]public static List GetArray(){ List li = new List();

for (int i = 0; i < 10; i ) li.Add;

return li;} JQuery code:复制代码 代码如下:/// $ { $.click { $.ajax({ type: "Post", url: "data.aspx/GetArray", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //插入前先清空ul $; //递归获取数据 $.each { //插入结果到li里面 $.append("

" this "

"); }); alert; }, error: function; } }); //禁止使用按键的付出 return false; }); }); /// $ { $.click { $.ajax({ type: "Post", url: "data.aspx/GetArray", contentType: "application/json; charset=utf-8", dataType: "json", success: function { //插入前先清空ul $;

//递归获取数据 $.each { //插入结果到li里面 $.append("

" this "

"); });

alert; }, error: function; } });

//禁止使用按键的付出 return false; });}); 运营结果:

4、再次回到Hashtable方法的调用asp.net code:复制代码 代码如下:using System.Web.Script.Services; using System.Collections; [WebMethod] public static Hashtable GetHash(string key,string value) { Hashtable hs = new Hashtable(); hs.Add; hs.Add; return hs; } using System.Web.Script.Services;using System.Collections;

[WebMethod]public static Hashtable GetHash(string key,string value){ Hashtable hs = new Hashtable();

hs.Add; hs.Add; return hs;} JQuery code:复制代码 代码如下:/// $ { $.click { $.ajax({ type: "Post", url: "data.aspx/GetHash", //记得加双引号 T_T data: "{ 'key': 'haha', 'value': '哈哈!' }", contentType: "application/json; charset=utf-8", dataType: "json", success: function { alert("key: haha ==> " data.d["haha"] "n key: www ==> " data.d["www"]); }, error: function { alert; //禁止使用按键的提交 return false; }); }); /// $ { $.click { $.ajax({ type: "Post", url: "data.aspx/GetHash", //记得加双引号 T_T data: "{ 'key': 'haha', 'value': '哈哈!' }", contentType: "application/json; charset=utf-8", dataType: "json", success: function { alert("key: haha ==> " data.d["haha"] "n key: www ==> " data.d["www"]); }, error: function { alert;

//禁止使用按钮的交付 return false; });}); 运营结果:

5、操作xmlXMLtest.xml:复制代码 代码如下:

1 qwe 2 asd

1 qwe 2 asd JQuery code:复制代码 代码如下:$ { $.click { $.ajax({ url: "XMLtest.xml", dataType: 'xml', //再次回到的种类为XML ,和后边的Json,不均等了 success: function { //清空list $; //查找xml成分 KVM 网络购物 毛刷 网址建设 法国首都快递公司超声波焊接机 $.find.each { $.append.find ""); $.append.find ""); }) }, error: function { //若无地点的抓获出错会施行这里的回调函数 alert; //禁止使用按键的交付 return false; }); }); $ { $.click { $.ajax({ url: "XMLtest.xml", dataType: 'xml', //再次来到的档案的次序为XML ,和日前的Json,不均等了 success: function { //清空list $; //查找xml成分$.find.each { $.append.find ""); $.append.find ""); }) }, error: function { //若无地点的抓获出错会实践这里的回调函数 alert;

//禁止使用开关的付出 return false; });});

本文由pc28.am发布于pc28.am,转载请注明出处:Net后台的方法解析_jquery_脚本之家

上一篇:jquery原创弹出层折叠功用点击折叠弹出一个层 下一篇:没有了
猜你喜欢
热门排行
精彩图文