日期:2014-05-17  浏览次数:20521 次

c# 后台调用Jquery
大家好! 
疑问:我想在后台程序中调用Jquery函数。根据不同条件提示用户不同的信息。 
为丰富弹出的样式,采用了Jquery 的dialog plugin 来Alert弹出信息。但是在 
code-behind(用的c#)中不知道怎么写才能调用Jquery Function。 
测试Respose.Write(Jquery Function)不行; 
用ScriptManager.RegisteStartu...也不行。 
请问谁帮帮我该怎么解决这个问题。 
非常感谢! 


------解决方案--------------------
Page.ClientScript.RegisterStartupScript(this.GetType(), "","<script defer>jQuery函数名</script>");

------解决方案--------------------
$.ready里写一个调用的方法test(),然后读取隐藏控件中的值,你后台设置这个隐藏控件的值。在每次页面加载时就可以加载你想要加载的方法了。
------解决方案--------------------
这样子,至于jq的方法,你可以自己扩展,我就用了一个$("#d1").html()
测试没问题!lz弄清自己的需求,后台和前端是异步的!
HTML code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testJqFun.aspx.cs" Inherits="testJqFun" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" >
        function jqueryFun() {
            alert("我是被后台调用的");
            alert("用jq获取div内容为:"+$("#d1").html());
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="d1" style="display:none">
    asdfasdf
    </div>
    </form>
</body>
</html>

------解决方案--------------------
HTML code
<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

    protected void Page_Load(object sender, EventArgs e)
    {
        string op = Request.QueryString["op"];
        switch (op)
        {
            case "1":
                Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script defer>" + myalert("1") + "</script>");
                break;
            case "2":
                break;
            default: break;
        }
    }
    private string myalert(string msg)
    {
        return "Boxy.alert(\"" + msg + "\",'',{title:\"提示\",modal:true,closeable:true});";
    } 
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type='text/javascript' src='/js/jquery.boxy.js'></script>
    <link rel="stylesheet" href="/css/boxy.css" type="text/css" />
    <link href="/images/skin.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
        <div>
        </div>
    </form>
</body>