后端开发|C#.Net教程
ajax
后端开发-C#.Net教程
利用JQuery的$.ajax()可以很方便的调用的后台方法。
山西省交通企业协会整站源码下载,ubuntu不能锁定屏幕,tomcat重启时端口冲突,九茶 爬虫,哪些php博主,seo??lzw
先来个简单的实例热热身吧。
下载网页源码下载,ubuntu直接使用pl,白色极小密集爬虫,php http(,seo技术图片lzw
1、无参数的方法调用
二手车系统安卓源码,vscode怎么变白色,ubuntu架设魔兽,无法安装本地tomcat,sqlite3 数据库解密,oie爬虫,date时间戳php,seo营销策划运营,网站架设客服QQ,网站登录模板下载lzw
C#后台代码：
using System.Web.Services;[WebMethod] public static string sayHi() { return "Hi,Welcome to China!";}
注意：1.方法一定要静态方法，而且要有[WebMethod]的声明.
html代码：
jQuery代码：
$(document).ready( function() { $("#btnClick").bind("click", function() {$.ajax({ type: "post", url: "ajaxHandler.aspx/sayHi", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { $("#msg").css("color", "#0000FF").html(data.d); }, error: function(err) { $("#msg").css("color", "#FF0000").html("access faield:" + err); }});return false; }); });
运行结果：
通过firebug能很清楚地看到json返回的数据格式，所以在取数据的时候要data.d。
2、带参数的方法调用
C#后台代码：
[WebMethod] public static string sayHi(string address, string name) { return "Hi," + address + " " + name; }
html代码：
address: family name:
jQuery代码：
$(document).ready( function() { $("#btnClick").bind("click", function() {var add = $("#txtAddress").val();var txtname = $("#txtName").val();$.ajax({ type: "post", url: "ajaxHandler.aspx/sayHi", data: "{address:\" + add + ", ame:\" + txtname + "}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { $("#msg").css("color", "#0000FF").html(data.d); }, error: function(err) { $("#msg").css("color", "#FF0000").html("access faield:" + err); }});return false; }); });
运行结果
3、返回List集合方法的调用
C#后台代码：
[WebMethod] public static List sayHi(string address, string name) { List list = new List(); for (int i = 0; i < 10; i++) { list.Add("Hi:" + i.ToString()); } list.Add("Hi:" + address + " " + name); return list;}
html代码：
address: family name:
jQuery代码：
$(document).ready( function() { $("#btnClick").bind("click", function() {var add = $("#txtAddress").val();var txtname = $("#txtName").val();$.ajax({ type: "post", url: "ajaxHandler.aspx/sayHi", data: "{address:\" + add + ", ame:\" + txtname + "}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { $("#msg").html(""); $(data.d).each(function() { $("#msg").append("
" + this + ""); }); $("#msg").css("color", "#0000FF"); }, error: function(err) { $("#msg").css("color", "#FF0000").html("access faield:" + err); }});return false; }); });
运行结果：
4、返回SortedList方法的调用
C#后台代码：
[WebMethod] public static SortedList sayHi(string address, string name) { SortedList sl = new SortedList(); for (int i = 0; i < 10; i++) { sl.Add(i.ToString() + "_key", i.ToString() + "_value"); } sl.Add("_key", "_value " + address + " " + name); return sl; }
html代码：
address: family name:
jQuery代码：
$(document).ready( function() { $("#btnClick").bind("click", function() {var add = $("#txtAddress").val();var txtname = $("#txtName").val();$.ajax({ type: "post", url: "ajaxHandler.aspx/sayHi", data: "{address:\" + add + ", ame:\" + txtname + "}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { $("#msg").html(""); //这里只取部分键、值显示 $("#msg").append("
" + data.d["0_key"] + ""); $("#msg").append("" + data.d["1_key"] + ""); $("#msg").append("" + data.d["2_key"] + ""); $("#msg").append("" + data.d["_key"] + ""); $("#msg").css("color", "#0000FF"); }, error: function(err) { $("#msg").css("color", "#FF0000").html("access faield:" + err); }});return false; }); });
运行结果：
5、操作xml
Xml文件代码：
3.5高级程序设计(第2版) 麦克唐纳博思工作室 2034000 76 3.5入门经典 (荷兰)史潘加斯(Spaanjaars,I.) 1046000 78.5C#高级编程（第5版）上下卷 (美)内格尔（Nagel.C）等著 24770000 124 AJAX实战 (美)麦克卢尔，（美）格拉维奇，（美）欧尔等著 511000 44程序开发范例宝典(C#)(第2版) 张跃延，苏宇，贯伟红 1419000 71.2
html代码：
address: family name:
jQuery代码：
$(document).ready( function() { $("#btnClick").bind("click", function() {$.ajax({ url: "books.xml", dataType: "xml", success: function(xmlData) { $("#msg").html(""); $(xmlData).find("books>book").each(function() { $("#msg").append("====new book===="); $("#msg").append("
name:" + $(this).find("name").text() + ""); $("#msg").append("author:" + $(this).find("author").text() + ""); $("#msg").append("wordCount:" + $(this).find("wordCount").text() + ""); $("#msg").append("price:" + $(this).find("price").text() + ""); }); $("#msg").css("color", "#0000FF"); }, error: function(err) { $("#msg").css("color", "#FF0000").html("access faield:" + err); }});return false; }); });
运行结果：
更多jQuery.ajax()调用后台方法相关文章请关注PHP中文网！
