首先呢 我们要引进一个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 事件调用我们写好的 方法
</div>
</form>
</body>
//后台是这样写的
protected void Page_Load(object sender, EventArgs e)
{
if (!string.IsNullOrEmpty(Request["value"]))
{
if (Request["value"].ToString() == "1") // 接收前台的参数
{
add(); // 调用add 方法
}
}
}
public void add() // 定义一个 测试的 add 方法
{
SqlConnection con = new SqlConnection(@"Data Source=.\SQLEXPRESS;database=test;uid=sa;pwd=123"); //连接字符串
SqlCommand cmd = new SqlCommand();
con.Open();
cmd.Connection = con;
cmd.CommandText = "insert into Info(name,info)values(@name,@info);";
cmd.Parameters.AddWithValue("@name", "小李子");
cmd.Parameters.AddWithValue("@info", "背朕出宫");
int i = cmd.ExecuteNonQuery();
string message = string.Empty;
if (i > 0)
{
message = "保存成功";
Response.Clear();
Response.Write(message);
Response.End();
}
else
{
message = "保存失败";
Response.Clear();
Response.Write(message);
Response.End();
}
}