一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery ajax调用后台C#的例子分析

时间:2014-06-24 编辑:简简单单 来源:一聚教程网

ajax原理:

ajax原理就是实现局部局新然后把数据提交给后台程序后台程序接受到数据之后进入处理逻辑,然后再把返回值传回再由ajax接受之后反馈给用户,这个一个完整的ajax与后台交互执行完了,下面我们看个例子。

前台的jQuery代码

 代码如下 复制代码


$(function () {

 $("#WFddlType").change(

function () {

 $.ajax({

type: "Post",

url: "feeForm.aspx/FindLeftBudget", //页面名/要调用的后台方法名

data: "{'feeTypeID':'10021','costCenterID':'22322'}", //json格式的字符串将参数传入后台,参数名必须一致

contentType: "application/json;charset=utf-8",

dataType: "json",

success: function (result) {

 $("#leftBudget").text(result.d); //将获取到的值赋值给前台的控件,这里的d,如果后台返回的不是json字符串,而仅仅是一个值,那么所返回的值就包括在名为d的属性中

 (奇怪吧,我也觉得。。。)

},

error: function (err) {

 alert(err);

}

 });

});

});


后台C#代码

有两点要注意 1、这里的方法必须是static方法 2、方法顶部必须添加WebMethod特性

 代码如下 复制代码

[WebMethod]

public static string Find(string feeTypeID, string costCenterID)

{

if (BudgetControlFacade.Instance.Check(feeTypeID))

{

 return BudgetControlFacade.Instance.FindBalance(feeTypeID, costCenterID).ToString();

}

else

{

return "+∞";

}

}

分析:ajax 中我们核心的一句就是$.ajax{}了,后面都是参数

type: "Post", 提交给程序发送的方式为post或get

url: "feeForm.aspx/FindLeftBudget", //接受数据的asp.net文件

data: "{'feeTypeID':'10021','costCenterID':'22322'}", 数据传给后台

contentType: "application/json;charset=utf-8", 发送数据的编码

dataType: "json", 传送数据类型,这点与data是对应的哦。

热门栏目