Ajax——ajax调用数据总结

　　Ajax——ajax调用数据总结

　　在做人事系统添加批量更改的功能中，需要将前台中的数据传给后台，后台并执行一系列的操作。通过查询和学习了解到可以通过ajax将值传入到后台，并在后台对数据进行操作。

　　说的简单点，就是ajax调用后台的技巧。通过学习和实践，学习了几种ajax调用数据的几种方式，现在总结一下：

　　1． Ajax调用无参的后台方式的数据

　　Jquery前台代码：

　　//ajax调用无参数后台方式$(function () {$("#btnok").click(function () {$.ajax({type:"post",//ajax的形式为post(get方法对传送数据宽度有限制)url: "demo.aspx/Hello",//demo.aspx为目标文件，Hello为目标文件中的方式contentType: "application/json",//传值形式success: function (data) {//成功回传值后触发的方式alert(data.d);//后台返回的参数}})})});

　　前台表单控件：

　　后台代码：

　　//ajax调用的无参数方式[WebMethod]public static string Hello(){return "Hello Ajax!";}运行结果：

　　

　　2． Ajax调用有参后台方式中的数据

　　Jquery前台代码：

　　//ajax调用有参数后台方式$(function () {$("#btnName").click(function () {var strname = $("#txtName").val(); //strname获得文本框中输入的值$.ajax({type: "post", //ajax的形式为post(get方法对传送数据宽度有限制)contentType: "application/json",//传值形式url: "demo.aspx/getName", //demo.aspx为目标文件，getName为目标文件中的方式data: "{strName:'" + strname + "'}", //strName为后台方式的参数，采集软件，strname为文本框中输入的值contentType: "application/json",//传值形式success: function (result) {//成功回传值后触发的方式alert(result.d);//后台返回的参数}})})});

　　前台表单控件：

　　后台代码：

　　//ajax调用的带参数的方式[WebMethod]public static string getName(string strName){return "欢迎"+strName;}

　　运行结果：

　　

　　3． Ajax调用后台方式返回链表的数据

　　Jquery前台代码：

　　//ajax调用后台方式返回链表$(function () {$("#btnReArr").click(function () {$.ajax({type: "post", //ajax的形式为post(get方法对传送数据宽度有限制)contentType: "application/json",//传值形式url: "demo.aspx/GetArray", //demo.aspx为目标文件，GetArray为目标文件中的方式contentType: "application/json",//传值形式success: function (result) {//成功回传值后触发的方式alert(result.d);//后台返回的参数}})})});

　　前台表单控件：

　　后台代码：

　　//ajax调用返回链表的方式[WebMethod]public static List GetArray(){List li = new List();for (int i = 0; i

　　运行结果：

　　

　　4． Ajax调用xml中的数据

　　Jquery前台代码：

　　//ajax调用xml中的数据$(function () {$("#btnMaXML").click(function () {$.ajax({dataType: 'xml', //ajax的形式为post(get方法对传送数据宽度有限制)url: "demoXML.xml", //直接写xml的名子success: function (xml) {//成功回传值后触发的方式//查找xml元素$(xml).find("data>item").each(function () {var $dm = $(this);var $id = $dm.find("id"); //获取出id数组的值var $class = $dm.find("class");//获取出class数组的值alert($id.text()+","+$class.text());})}})})});

　　前台表单控件：

　　xml代码：

　　1英语2物理

　　运行结果：

　　

　　相关报导：

　　Photo Credit: stillframe 对开发者来说，要使使用者下载 app 相当不容易，但当使用者下载以后，打开 app 的第一时间会是哪些画面迎接使用者呢？一个接着一个的步骤指引？还是注册登录画面？上述二者可能就会丧失使用者继续操作的意愿与对产品的兴趣。事实上 更多

　　亲爱的网友，我这儿有套课程想和你们分享，如果对这个课程有兴趣的，可以加我的QQ2059055336和我联系。 课程背景 本课程是院长使用WPF、ADO.NET、MVVM技术来实现太平人寿保险*敏*感*词*保险顾客管理系统，是学习WPF开发中的一门主打课程之一。 WPF是一个框架， 更多