后端开发|C#.Net教程
jquery Ajax
后端开发-C#.Net教程
利用JQuery的$.ajax()可以很方便的调用的后台方法。
先来个简单的实例热热身吧。
wordpress android 源码,vscode安装讲解,当贝盒子刷ubuntu,监控tomcat报错,sqlite语法 世恒,手机插件无法播放视频播放器,搭建前端平台框架,爬虫ip受限现象,php 办公系统,seo付费推广seo公司,企业 单页网站源码,win8效果网页,易思模板,html5实现页面全屏,帝国cms 管理系统模型,手机博客源码程序lzw
1、无参数的方法调用
code：
微俱聚源码 下载,ubuntu系统界面布局,tomcat通过域名打不开,防盗追踪爬虫,php图书pdf下载,类似SEOlzw
using System.Web.Script.Services; [WebMethod] public static string SayHello() { return "Hello Ajax!"; } using System.Web.Script.Services;[WebMethod]public static string SayHello(){return "Hello Ajax!";}
注意：1.方法一定要静态方法，而且要有[WebMethod]的声明
微信红包游戏 源码 php,vscode关闭标签检测,删除ubuntu用户,tomcat加载数据慢,sqlite做日志服务器,美国西部爬虫生物研究所,php 转为html,广西短视频seo推广,模板网站建设哪家好,微信支付静态html模板lzw
JQuery code：
/// $(function() { $("#btnOK").click(function() { $.ajax({//要用post方式type: "Post",//方法所在页面和方法名url: "data.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; }); }); /// $(function() { $("#btnOK").click(function() { $.ajax({ //要用post方式 type: "Post", //方法所在页面和方法名 url: "data.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; });});
结果：
2、带参数的方法调用
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：
/// $(function() { $("#btnOK").click(function() { $.ajax({type: "Post",url: "data.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; }); }); /// $(function() { $("#btnOK").click(function() { $.ajax({ type: "Post", url: "data.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; });});
运行结果：
下面进入高级应用罗
3、返回数组方法的调用
code：
using System.Web.Script.Services; [WebMethod] public static List GetArray() { List li = new List(); for (int i = 0; i < 10; i++) li.Add(i + ""); 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(i + ""); return li;}
JQuery code：
/// $(function() { $("#btnOK").click(function() { $.ajax({type: "Post",url: "data.aspx/GetArray",contentType: "application/json; charset=utf-8",dataType: "json",success: function(data) { //插入前先清空ul $("#list").html(""); //递归获取数据 $(data.d).each(function() { //插入结果到li里面 $("#list").append("
" + this + ""); }); alert(data.d);},error: function(err) { alert(err);} }); //禁用按钮的提交 return false; }); }); /// $(function() { $("#btnOK").click(function() { $.ajax({ type: "Post", url: "data.aspx/GetArray", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) {//插入前先清空ul$("#list").html("");//递归获取数据$(data.d).each(function() { //插入结果到li里面 $("#list").append("" + this + "");});alert(data.d); }, error: function(err) {alert(err); } }); //禁用按钮的提交 return false; });});
运行结果：
4、返回Hashtable方法的调用
code：
using System.Web.Script.Services; using System.Collections; [WebMethod] public static Hashtable GetHash(string key,string value) { Hashtable hs = new Hashtable(); hs.Add("www", "yahooooooo"); hs.Add(key, value); 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("www", "yahooooooo"); hs.Add(key, value); return hs;}
JQuery code：
/// $(function() { $("#btnOK").click(function() { $.ajax({type: "Post",url: "data.aspx/GetHash",//记得加双引号 T_Tdata: "{ key: haha, value: 哈哈！ }",contentType: "application/json; charset=utf-8",dataType: "json",success: function(data) { alert("key: haha ==> "+data.d["haha"]+"\n key: www ==> "+data.d["www"]);},error: function(err) { alert(err + "err");} }); //禁用按钮的提交 return false; }); }); /// $(function() { $("#btnOK").click(function() { $.ajax({ type: "Post", url: "data.aspx/GetHash", //记得加双引号 T_T data: "{ key: haha, value: 哈哈！ }", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) {alert("key: haha ==> "+data.d["haha"]+"\n key: www ==> "+data.d["www"]); }, error: function(err) {alert(err + "err"); } }); //禁用按钮的提交 return false; });});
运行结果：
5、操作xml
XMLtest.xml:
1qwe 2asd 1 qwe 2 asd
JQuery code:
$(function() { $("#btnOK").click(function() { $.ajax({url: "XMLtest.xml",dataType: xml, //返回的类型为XML ，和前面的Json，不一样了success: function(xml) { //清空list $("#list").html(""); //查找xml元素 KVM 网上购物 毛刷 网站建设 北京快递公司 超声波焊接机$(xml).find("data>item").each(function() { $("#list").append("
id:" + $(this).find("id").text() +""); $("#list").append("Name:"+ $(this).find("name").text() + ""); })},error: function(result, status) { //如果没有上面的捕获出错会执行这里的回调函数 alert(status);} }); //禁用按钮的提交 return false; }); }); $(function() { $("#btnOK").click(function() { $.ajax({ url: "XMLtest.xml", dataType: xml, //返回的类型为XML ，和前面的Json，不一样了 success: function(xml) {//清空list$("#list").html("");//查找xml元素$(xml).find("data>item").each(function() { $("#list").append("id:" + $(this).find("id").text() +""); $("#list").append("Name:"+ $(this).find("name").text() + "");}) }, error: function(result, status) { //如果没有上面的捕获出错会执行这里的回调函数alert(status); } }); //禁用按钮的提交 return false; });});
[10.121.158.27:4002] Too many user code to run when -usercode_in_pthread is on
更多jquery.Ajax()方法调用后台的方法解析相关文章请关注PHP中文网！
