Question

asp.net后台怎么调用前台写好的JavaScript函数

前台
<script type="text/javascript">
$(".btn").click(function(){
is_hide();
})
function is_hide(){ $(".alert").animate({"top":"-40%"}, 300) }
function is_show(){ $(".alert").show().animate({"top":"45%"}, 300) }
</script>
后台
protected void submit_Click(object sender, EventArgs e)
{
string username = this.username.Value;
string password = this.password.Value;
if ((username == "123")&&(password == "123"))
{
//怎么调用is_show()？？？？？
}
}

Answer 1

不要这样写，要么都用后台，要么都用前台，推荐你用Ajax来实现，给你一个例子
function loadInfo(varCurrentIndex) {
var varEmpno = $("#<%=hidempo.ClientID %>").val();
var varSelectno = $("#<%=txtempno.ClientID %>").val();
var varstatus = $("#<%=ddl_formType.ClientID %>").find("option:selected").val();
$.ajax({
type: "Post",
url: "FormList.aspx/loadMoreData",
data: "{'strEmpno':'" + varEmpno + "','strSelectno':'" + varSelectno + "','status':'" + varstatus + "','strIndex':'" + varCurrentIndex + "'}",
timeout: 30000,
contentType: "application/json;charset=utf-8",
dataType: "json",
async: false,
beforeSend: showDiv(),
success: function (res) {
var arry = new Array()
arry = res.d.split(',');
hidDiv();
if (arry[0] != 'no') {
var htmlData = '<table style="width: 99%; margin: auto">' + arry[0] + ' </table>';
$("#dataInfo").html(htmlData);
$("#lblTotal").text(arry[1]);
if (varCurrentIndex * 5 >= parseInt(arry[1].replace(' 条', ''))) {
document.getElementById('more').style.display = 'none';
}
document.getElementById('waitingSign').style.display = 'block';
}
else {
document.getElementById('waitingSign').style.display = 'none';
}
hidDiv();
},
error: function (xmlReq, err, c) {
hidDiv();
}
});
}
仅供参考，希望对你有所帮助，谢谢，对你有用就采纳额

追问

没办法只用前台或后台，而且我就差这一步了，换了ajax什么都得重做

追答

那你这样试试看看行不行
submit.Attributes.Add("onClientclick", "javascript:is_show();");

追问

不行啊，没有反应 = =

追答

再试试这个，再不行我也没招了，
Response.Write("is_show();");

追问

这样写的话会提示：JavaScript 运行时错误: “is_show”未定义

是不是跟放置位置有关系，我放在了里了

追答

js 放在哪里都可以的。提示未定义的话就是这个function没有找到，那你直接把$(".alert").show().animate({"top":"45%"}, 300) 放进去试试，不要写is_show();了。

追问

= = 又提示：JavaScript 运行时错误: “$”未定义

追答

那你不要用Jquery,改成javaScript试试。

追问

囧rz，我要会JavaScript和jquery就不在这问了，这都是我找的代码···

追答

好吧，一个小时过去了~~