利用JQuery的$.ajax()调用.Net后台方法有多种方式,

不多说了  直接上代码

前台代码

 <script type="text/javascript">        

         $(document).ready(function () {
getTreeData(getData());
}); //获取ajax调用传参方法
function getData() {
var data = {};
data.username = "an";
data.id = "2";
return data;
} var getTreeData = function (data) {
$.ajax({
//界面URL传参数调用
url: "Edit_super.aspx?method=GetNodeData&dataId=1",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
//Response.Write 方式返回数据
success: function (dataReturn) {
$.fn.zTree.init($("#treeDemo"), setting, dataReturn);
$("#selectAll").bind("click", selectAll);
},
error: function () {
}
});
}; var getTreeData = function (data) {
$.ajax({
// 调用后台方法方式
url: "Edit_super.aspx/GetValueAjax",
//传入参数
data: "{id:'" + data.id + "'}",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
//解析返回的json数据
success: function (dataReturn) {
var datar=$.parseJSON(dataReturn.d);
$.fn.zTree.init($("#treeDemo"), setting, datar);
$("#selectAll").bind("click", selectAll);
},
error: function () {
}
});
}; var getTreeData = function (data) {
//MVC 调用方式
$.ajax({
url: '../GetValue/GetValueAjax',
type: "POST",
data: data,
success: function (dataReturn) {
//解析返回数据
var ss = $.parseJSON(dataReturn);
},
error: function () {
}
});
};
</script>

后台代码

   protected void Page_Load(object sender, EventArgs e)
{
switch (Request["method"])
{
case "GetNodeData": GetNodeData(); break;
}
} /// <summary>
/// 界面URL传参数调用
/// </summary>
public void GetNodeData( )
{
string dataId = Request["dataId"]; List<JosnModel> josnModels = new List<JosnModel>(); JosnModel model1 = new JosnModel() { id = , name = "父节点1", open = true, pId = , isLastNode = false };
JosnModel model2 = new JosnModel() { id = , name = "父节点1-1", pId = , isLastNode = false };
JosnModel model3 = new JosnModel() { id = , name = "父节点1-2", pId = , isLastNode = false };
JosnModel model4 = new JosnModel() { id = , name = "父节点1-3", pId = , isLastNode = false };
JosnModel model5 = new JosnModel() { id = , name = "父节点2", open = true, pId = , isLastNode = false };
JosnModel model6 = new JosnModel() { id = , name = "父节点2-1", pId = , isLastNode = false };
JosnModel model7 = new JosnModel() { id = , name = "父节点3", open = true, pId = , isLastNode = false };
JosnModel model8 = new JosnModel() { id = , name = "父节点3-1", pId = , isLastNode = false };
josnModels.Add(model1);
josnModels.Add(model2);
josnModels.Add(model3);
josnModels.Add(model4);
josnModels.Add(model5);
josnModels.Add(model6);
josnModels.Add(model7);
josnModels.Add(model8); string nodeData = new JavaScriptSerializer().Serialize(josnModels); Response.Clear();
Response.Write(nodeData);
Response.End();
} /// <summary>
/// 调用后台方法方式
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
[WebMethod] // 静态方法 并且要有[WebMethod] 标志
public static string GetValueAjax(string id)
{
string dataId = id; List<JosnModel> josnModels = new List<JosnModel>(); JosnModel model1 = new JosnModel() { id = , name = "父节点1", open = true, pId = , isLastNode = false };
JosnModel model2 = new JosnModel() { id = , name = "父节点1-1", pId = , isLastNode = false };
JosnModel model3 = new JosnModel() { id = , name = "父节点1-2", pId = , isLastNode = false };
JosnModel model4 = new JosnModel() { id = , name = "父节点1-3", pId = , isLastNode = false };
JosnModel model5 = new JosnModel() { id = , name = "父节点2", open = true, pId = , isLastNode = false };
JosnModel model6 = new JosnModel() { id = , name = "父节点2-1", pId = , isLastNode = false };
JosnModel model7 = new JosnModel() { id = , name = "父节点3", open = true, pId = , isLastNode = false };
JosnModel model8 = new JosnModel() { id = , name = "父节点3-1", pId = , isLastNode = false };
josnModels.Add(model1);
josnModels.Add(model2);
josnModels.Add(model3);
josnModels.Add(model4);
josnModels.Add(model5);
josnModels.Add(model6);
josnModels.Add(model7);
josnModels.Add(model8); string nodeData = new JavaScriptSerializer().Serialize(josnModels);
return nodeData;
} /// <summary>
/// MVC调用方法
/// </summary>
/// <returns></returns>
public string GetValueAjax()
{
//获取传入的参数
string nodeId= Request.Form["id"].ToString( ); List<JosnModel> josnModels = new List<JosnModel>();
JosnModel model1 = new JosnModel() { id = , name = "父节点1", open = true, pId = , isLastNode = false };
JosnModel model2 = new JosnModel() { id = , name = "父节点1-1", pId = , isLastNode = false };
JosnModel model3 = new JosnModel() { id = , name = "父节点1-2", pId = , isLastNode = false };
JosnModel model4 = new JosnModel() { id = , name = "父节点1-3", pId = , isLastNode = false };
JosnModel model5 = new JosnModel() { id = , name = "父节点2", open = true, pId = , isLastNode = false };
JosnModel model6 = new JosnModel() { id = , name = "父节点2-1", pId = , isLastNode = false };
JosnModel model7 = new JosnModel() { id = , name = "父节点3", open = true, pId = , isLastNode = false };
JosnModel model8 = new JosnModel() { id = , name = "父节点3-1", pId = , isLastNode = false };
josnModels.Add(model1);
josnModels.Add(model2);
josnModels.Add(model3);
josnModels.Add(model4);
josnModels.Add(model5);
josnModels.Add(model6);
josnModels.Add(model7);
josnModels.Add(model8); string nodeData = new JavaScriptSerializer().Serialize(josnModels);
return nodeData;
}

.Net中jQuery.ajax()调用asp.net后台方法 总结的更多相关文章

  1. JQuery Ajax调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先来个简单的实例热热身吧. 1.无参数的方法调用 asp.net code: using System.Web.Scrip ...

  2. jQuery.ajax()调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.介意方法名不要重名 建一个WebFormAjax名aspx文件 CS <%@ Page Language=" ...

  3. jQuery.ajax()调用asp.net后台方法(非常重要)

    http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html 用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先 ...

  4. ajax 调用asp.net后台方法

    ajax 调用asp.net后台方法  这种做法有好几种,如调用xx.asxh 页面,或者直接调用xx.aspx也面,在page_Load中进行一些判断然后调用后面的其他方法, 或者你可以直接调用we ...

  5. 利用JQuery直接调用asp.net后台方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...

  6. JQuery ajax调用asp.net的webMethod

    本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html 在vs2010中,用JQuery ajax调用as ...

  7. jQuery调用Asp.Net后台方法

    常用的ajax就不讲了,这里主要是说通过ajax调用asp.net后台的cs文件暴露的方法. 前台: <%@ Page Language="C#" AutoEventWire ...

  8. JQuery直接调用asp.net后台WebMethod方法

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.[WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的 ...

  9. [ASP.NET]JQuery直接调用asp.net后台WebMethod方法

    在项目开发碰到此类需求,特此记录下经项目验证的方法总结. 利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用 注意:方 ...

随机推荐

  1. mac在线恢复教程

    上个周,我本来想升级一下Xcode,可是我的系统是10.8de,xcode5.0.1 最低支持10.8.4 所以就想升级一下我的mac的系统,可是因为我的appstore 是从别人的电脑上考过来的,要 ...

  2. jquery.validate.unobtrusive.js实现气泡提示mvc错误

    改写jquery.validate.unobtrusive.js实现气泡提示mvc错误 个人对于这个js.css不是很擅长,所以这个气泡提醒的样式网上找了下,用了这个http://www.cnblog ...

  3. JS错误:Uncaught SyntaxError: Unexpected token ILLEGAL

    $('tbody', '#' + tableId).append('<tr onmouseover="this.style.backgroundColor=\'#eeeeee\'&qu ...

  4. excel==>csv==via phpmyadmin (edit php.ini & my.ini)==> MySQL Database

    正如同标题, 标题的顺序是 先从Excel表单,保存为csv文档. 步骤: 1.这个可以用linux下的libra office打开 abc.xls 2.用libra office 将 abc.xls ...

  5. pipe----管道----fork

    #include <stdio.h> #include <unistd.h> #include <stdlib.h> #include <string.h&g ...

  6. Android屏幕相关设置

    锁屏设置: 1. 初始值 : <integer name="def_screen_off_timeout">60000</integer> 2. 数据库/d ...

  7. Hibernate(一)——采用Hibernate框架开发环境搭建

    Hibernate是一个开放源代码的对象关系映射框架,它对JDBC进行了非常轻量级的对象封装,使得Java程序员充分使用对象编程思维来操作数据库.HIbernate的移植性很好,它可以应用于任何JDB ...

  8. iOS抽奖程序

    iOS抽奖程序 代码下载地址: http://vdisk.weibo.com/s/HKehU http://pan.baidu.com/share/link?shareid=893330225& ...

  9. building android/ubuntu-touch on 32bit machine

    host C: libhost <= build/libs/host/CopyFile.c host StaticLib: libhost (/media/linux/1/touch/expor ...

  10. 将前台input中的数据异步传到后台并存入数据库

    将前台input中的数据异步传到后台并存入数据库 先看图: 利用ajax异步交互数据,并不是以json数组的形式将数据传到后台,而是利用字符数组的形式将其传到后台.动态新增每一行数据,将每一列对应的数 ...