.Net中jQuery.ajax()调用asp.net后台方法 总结
利用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后台方法 总结的更多相关文章
- JQuery Ajax调用asp.net后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先来个简单的实例热热身吧. 1.无参数的方法调用 asp.net code: using System.Web.Scrip ...
- jQuery.ajax()调用asp.net后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.介意方法名不要重名 建一个WebFormAjax名aspx文件 CS <%@ Page Language=" ...
- jQuery.ajax()调用asp.net后台方法(非常重要)
http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html 用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先 ...
- ajax 调用asp.net后台方法
ajax 调用asp.net后台方法 这种做法有好几种,如调用xx.asxh 页面,或者直接调用xx.aspx也面,在page_Load中进行一些判断然后调用后面的其他方法, 或者你可以直接调用we ...
- 利用JQuery直接调用asp.net后台方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod] ...
- JQuery ajax调用asp.net的webMethod
本文章转载:http://www.cnblogs.com/zengxiangzhan/archive/2011/01/16/1936938.html 在vs2010中,用JQuery ajax调用as ...
- jQuery调用Asp.Net后台方法
常用的ajax就不讲了,这里主要是说通过ajax调用asp.net后台的cs文件暴露的方法. 前台: <%@ Page Language="C#" AutoEventWire ...
- JQuery直接调用asp.net后台WebMethod方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.[WebMethod] 命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的 ...
- [ASP.NET]JQuery直接调用asp.net后台WebMethod方法
在项目开发碰到此类需求,特此记录下经项目验证的方法总结. 利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. [WebMethod] 命名空间 1.无参数的方法调用 注意:方 ...
随机推荐
- 【July】从头到尾彻底理解KMP
从头到尾彻底理解KMP 作者:July时间:最初写于2011年12月,2014年7月21日晚10点 全部删除重写成此文,随后的半个多月不断反复改进. 1. 引言 本KMP原文最初写于2年多前的2011 ...
- 多模块分布式系统的简单服务访问 - OSGI原形(.NET)
多模块分布式系统的简单服务访问 - OSGI原形(.NET) 先描述一下本篇描述的适用场景(3台server, 各个模块分布在各个Server上,分布式模块互相依赖.交互的场景): 多个OSIG引擎交 ...
- PL/SQL Developer实现双击table表名查询
双击table默认为Expand/Collapse 展开/折叠 有时需快速查看该表数据,如果写select * from tab会显得麻烦, 我们可实现双击table来进行快速查询 方法为:Tools ...
- Sublime Text 3设置笔记
Sublime Text 3设置笔记 Sublime Text 3设置指南 1. 安装package control 下载package control源码安装包,并解压: http://yun.ba ...
- Excel 菜单系统
Excel 菜单系统 在开始Excel开发之前,需要把架子搭起来.最直接的那就是Excel里面的菜单了,他向用户直观的展现了我们的插件具有哪些功能.菜单出来之后我们就可以实现里面的事件和功能了.Exc ...
- C#代码搜索器
WEBUS2.0 In Action - [源代码] - C#代码搜索器 最近由于工作的需要, 要分析大量C#代码, 在数万个cs文件中搜索特定关键词. 这是一项非常耗时的工作, 用Notepad++ ...
- 使用dom4j解析xml文件
DOM4J 与利用DOM.SAX.JAXP机制来解析xml相比,DOM4J 表现更优秀,具有性能优异.功能强大和极端易用使用的特点,只要懂得DOM基本概念,就可以通过dom4j的api文档来解析xm ...
- tastypie Django REST API developement 1)
Read by linux/GNU commands Let's follow and start from here:http://django-tastypie.readthedocs.org/e ...
- boost xpressive 例子
1.效果图: 我有一个wordpress博客,每次在csdn上写完博客,都需要复制到wordpress中,还需要手动修改<pre>和图片地址,比较麻烦,所以做了这个工具. 功能: 1.把C ...
- 【Unity 3D】教程(1)建立场景
1.新建一个地形 在菜单中选择Terrain,新建一个地形 接下来在右边的“编辑高度”中,用笔刷绘出地形高度,如图: 2.地形纹理 接下来我们给地形贴上纹理,纹理资源我们使用unity自带的, 在Pr ...