日期:2014-05-16 浏览次数:20671 次
首先呢 我们要引进一个jquery 的包
比如1.7.2吧
我们需要写一个前台的 jquery 的方法去调用后台的 方法 ,下面我写了一个简单的调用!
<script src="jquery-1.7.2.js" type="text/javascript"></script>
<script type="text/javascript">
function diaoyong(){
if ($('#btn').val() == "添加") {
$('#btn').val("保存");
}
else {
$.ajax({
url: "test.aspx/add", //后台页面的地址和后台的方法名!
data: "value=1", // 写入的一个参数,是传到服务器的,供后台 判断使用
type: "post", // 调用的类型,还有 get 类型
success: function(s) { // 回调函数,这个函数 是jquery方法里定义好的,我们只需给参数 输入就可以了
alert(s); //输出参数,一般用来提示的
},
error: function(xhr) { // 回调函数, 提取异常的
alert(xhr); //输出参数,一般用来提示的
}
})
}
}
</script>
<body>
<form id="form1" runat="server">
<div>
<input type="button" id="btn" value="添加" onclick="diaoyong()" /> // 按钮的onclick 事件调用我