客户端按钮前台调用JS函数与服务端按钮后台调用JS函数的方法
2014-11-14 15:07
686 查看
1,服务端控件: <input id="btnEnable" type="checkbox" data-provide="ibutton" data-label-on="启用" data-label-off="未启用" runat="server" />
如果前台直接调用JS函数,因JS函数需要传参数,会出现语法错误,所以需要在后台进行注册:
即: (e.Item.FindControl("btnEnable") as System.Web.UI.HtmlControls.HtmlInputCheckBox).Attributes.Add("onchange", "JavaScript:StartConfirm('" + lblusercode + "')");
2,前台客户端控件直接调用JS函数: <input type="button" id="btnStart" onclick="StartConfirm('<%# Eval("UserCode") %>');return false;" value="是否启用" />
JS函数如下:
<script type="text/javascript">
//是否启用用户的函数
function StartConfirm(UserCode) {
$.ajax({
type: "post",
url: "CityUserManage.aspx/StartUserFun",
data: "{UserCode:'" + UserCode + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
alert(data.d);
},
// complete: function () {
// window.location = "CityUserManage.aspx";
// },
error: function (data) {
alert(data.d);
}
})
}
</script>
如果前台直接调用JS函数,因JS函数需要传参数,会出现语法错误,所以需要在后台进行注册:
即: (e.Item.FindControl("btnEnable") as System.Web.UI.HtmlControls.HtmlInputCheckBox).Attributes.Add("onchange", "JavaScript:StartConfirm('" + lblusercode + "')");
2,前台客户端控件直接调用JS函数: <input type="button" id="btnStart" onclick="StartConfirm('<%# Eval("UserCode") %>');return false;" value="是否启用" />
JS函数如下:
<script type="text/javascript">
//是否启用用户的函数
function StartConfirm(UserCode) {
$.ajax({
type: "post",
url: "CityUserManage.aspx/StartUserFun",
data: "{UserCode:'" + UserCode + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
alert(data.d);
},
// complete: function () {
// window.location = "CityUserManage.aspx";
// },
error: function (data) {
alert(data.d);
}
})
}
</script>
相关文章推荐
- ASP.NET后台调用前台JS函数的三种常见方法
- C#后台调用前台JS函数方法
- 用服务器控件在后台调用前台客户端JS方法
- ASP.NET后台调用前台JS函数的三种常见方法
- 如何在前台JS调用后台C#方法
- 不用AJAX实现前台JS调用后台C#方法(小技巧) (转)
- Asp.net前台js调用后台方法,并且局部刷新的方法。
- cs文件 调用前台JS函数方法
- c#后台调用前台与js方法互调
- 不用AJAX实现前台JS调用后台C#方法(小技巧)
- js如何调用asp.net后台不带参方法?? js如何调用服务端控件事件??
- C#后台调用前台js方法
- 前台JS调用后台C#方法(转)
- 不用AJAX实现前台JS调用后台C#方法(小技巧)
- C# 后台调用前台的JS方法 以及常用的代码片断
- 转:不用AJAX实现前台JS调用后台C#方法(小技巧)
- 不用AJAX实现前台JS调用后台C#方法(小技巧)-转
- 不用AJAX实现前台JS调用后台C#方法(小技巧)
- 不用AJAX实现前台JS调用后台C#方法(小技巧)
- 前台JS调用后台C#方法