利用JQuery的$.ajax()调用.Net后台方法有多种方式，
不多说了 直接上代码
前台代码
1 <script type="text/javascript">
2
3 $(document).ready(function () {
4 getTreeData(getData());
5 });
6
7 //获取ajax调用传参方法
8 function getData() {
9 var data = {};
10 data.username = "an";
11 data.id = "2";
12 return data;
13 }
14
15 var getTreeData = function (data) {
16 $.ajax({
17 //界面URL传参数调用
18 url: "Edit_super.aspx?method=GetNodeData&dataId=1",
19 type: "POST",
20 contentType: "application/json; charset=utf-8",
21 dataType: "json",
22 //Response.Write 方式返回数据
23 success: function (dataReturn) {
24 $.fn.zTree.init($("#treeDemo"), setting, dataReturn);
25 $("#selectAll").bind("click", selectAll);
26 },
27 error: function () {
28 }
29 });
30 };
31
32 var getTreeData = function (data) {
33 $.ajax({
34 // 调用后台方法方式
35 url: "Edit_super.aspx/GetValueAjax",
36 //传入参数
37 data: "{id:‘" + data.id + "‘}",
38 type: "POST",
39 contentType: "application/json; charset=utf-8",
40 dataType: "json",
41 //解析返回的json数据
42 success: function (dataReturn) {
43 var datar=$.parseJSON(dataReturn.d);
44 $.fn.zTree.init($("#treeDemo"), setting, datar);
45 $("#selectAll").bind("click", selectAll);
46 },
47 error: function () {
48 }
49 });
50 };
51
52 var getTreeData = function (data) {
53 //MVC 调用方式
54 $.ajax({
55 url: ‘../GetValue/GetValueAjax‘,
56 type: "POST",
57 data: data,
58 success: function (dataReturn) {
59 //解析返回数据
60 var ss = $.parseJSON(dataReturn);
61 },
62 error: function () {
63 }
64 });
65 };
66 </script>
后台代码
1 protected void Page_Load(object sender, EventArgs e)
2 {
3 switch (Request["method"])
4 {
5 case "GetNodeData": GetNodeData(); break;
6 }
7 }
8
9 /// <summary>
10 /// 界面URL传参数调用
11 /// </summary>
12 public void GetNodeData( )
13 {
14 string dataId = Request["dataId"];
15
16 List<JosnModel> josnModels = new List<JosnModel>();
17
18 JosnModel model1 = new JosnModel() { id = 1, name = "父节点1", open = true, pId = 0, isLastNode = false };
19 JosnModel model2 = new JosnModel() { id = 11, name = "父节点1-1", pId = 1, isLastNode = false };
20 JosnModel model3 = new JosnModel() { id = 12, name = "父节点1-2", pId = 1, isLastNode = false };
21 JosnModel model4 = new JosnModel() { id = 13, name = "父节点1-3", pId = 1, isLastNode = false };
22 JosnModel model5 = new JosnModel() { id = 2, name = "父节点2", open = true, pId = 0, isLastNode = false };
23 JosnModel model6 = new JosnModel() { id = 21, name = "父节点2-1", pId = 2, isLastNode = false };
24 JosnModel model7 = new JosnModel() { id = 3, name = "父节点3", open = true, pId = 0, isLastNode = false };
25 JosnModel model8 = new JosnModel() { id = 31, name = "父节点3-1", pId = 3, isLastNode = false };
26 josnModels.Add(model1);
27 josnModels.Add(model2);
28 josnModels.Add(model3);
29 josnModels.Add(model4);
30 josnModels.Add(model5);
31 josnModels.Add(model6);
32 josnModels.Add(model7);
33 josnModels.Add(model8);
34
35 string nodeData = new JavaScriptSerializer().Serialize(josnModels);
36
37 Response.Clear();
38 Response.Write(nodeData);
39 Response.End();
40 }
41
42 /// <summary>
43 /// 调用后台方法方式
44 /// </summary>
45 /// <param name="id"></param>
46 /// <returns></returns>
47 [WebMethod] // 静态方法 并且要有[WebMethod] 标志
48 public static string GetValueAjax(string id)
49 {
50 string dataId = id;
51
52 List<JosnModel> josnModels = new List<JosnModel>();
53
54 JosnModel model1 = new JosnModel() { id = 1, name = "父节点1", open = true, pId = 0, isLastNode = false };
55 JosnModel model2 = new JosnModel() { id = 11, name = "父节点1-1", pId = 1, isLastNode = false };
56 JosnModel model3 = new JosnModel() { id = 12, name = "父节点1-2", pId = 1, isLastNode = false };
57 JosnModel model4 = new JosnModel() { id = 13, name = "父节点1-3", pId = 1, isLastNode = false };
58 JosnModel model5 = new JosnModel() { id = 2, name = "父节点2", open = true, pId = 0, isLastNode = false };
59 JosnModel model6 = new JosnModel() { id = 21, name = "父节点2-1", pId = 2, isLastNode = false };
60 JosnModel model7 = new JosnModel() { id = 3, name = "父节点3", open = true, pId = 0, isLastNode = false };
61 JosnModel model8 = new JosnModel() { id = 31, name = "父节点3-1", pId = 3, isLastNode = false };
62 josnModels.Add(model1);
63 josnModels.Add(model2);
64 josnModels.Add(model3);
65 josnModels.Add(model4);
66 josnModels.Add(model5);
67 josnModels.Add(model6);
68 josnModels.Add(model7);
69 josnModels.Add(model8);
70
71 string nodeData = new JavaScriptSerializer().Serialize(josnModels);
72 return nodeData;
73 }
74
75
76 /// <summary>
77 /// MVC调用方法
78 /// </summary>
79 /// <returns></returns>
80 public string GetValueAjax()
81 {
82 //获取传入的参数
83 string nodeId= Request.Form["id"].ToString( );
84
85 List<JosnModel> josnModels = new List<JosnModel>();
86 JosnModel model1 = new JosnModel() { id = 1, name = "父节点1", open = true, pId = 0, isLastNode = false };
87 JosnModel model2 = new JosnModel() { id = 11, name = "父节点1-1", pId = 1, isLastNode = false };
88 JosnModel model3 = new JosnModel() { id = 12, name = "父节点1-2", pId = 1, isLastNode = false };
89 JosnModel model4 = new JosnModel() { id = 13, name = "父节点1-3", pId = 1, isLastNode = false };
90 JosnModel model5 = new JosnModel() { id = 2, name = "父节点2", open = true, pId = 0, isLastNode = false };
91 JosnModel model6 = new JosnModel() { id = 21, name = "父节点2-1", pId = 2, isLastNode = false };
92 JosnModel model7 = new JosnModel() { id = 3, name = "父节点3", open = true, pId = 0, isLastNode = false };
93 JosnModel model8 = new JosnModel() { id = 31, name = "父节点3-1", pId = 3, isLastNode = false };
94 josnModels.Add(model1);
95 josnModels.Add(model2);
96 josnModels.Add(model3);
97 josnModels.Add(model4);
98 josnModels.Add(model5);
99 josnModels.Add(model6);
100 josnModels.Add(model7);
101 josnModels.Add(model8);
102
103 string nodeData = new JavaScriptSerializer().Serialize(josnModels);
104 return nodeData;
105 }
时间： 2024-08-24 21:57:44