从我的.aspx页面获取javascript变量的值

Question

SO my task is simple - I've I have a javascript code (actually a code that works with google analytics; anaway that's not important)

<script>

     ga('ecommerce:addTransaction', {
                'id': '52',                 

                'revenue': '599.200',               

            });
          </script>

the problem is that these values of id and 'revenue ' I should get it from the server - in this case my aspx page.

so in my aspx.cs I've got one so simple method which returns an object which has id and revenue property; SO the task is I shoudld somehow connect my javascript variables with these properties

 protected OrderIndo RenderScript()
  {
    //if (this.OrderID == null) return;

    OrderIndo orderInfo = new OrderInfo();
    orderInfo.id = 12;
    orderInfo.revenue = somestringvariable; 

    return orderInfo;


  }

Answer 1

Create a protected variable of OrderIndo at the beginning of your class in codebehind. Fill it in on PageLoad. Render it on your aspx page using

<script>

     ga('ecommerce:addTransaction', {
                'id': '<%=OrderIndo.id%>',                 

                'revenue': '<%=OrderIndo.revenue%>',               

            });
 </script>

Answer 2

As you used the asp.net tag, I assumed you're using Asp.Net Web Forms.

You can simply register the javascript in your code behind, like this:

    string gaScript = "<script>ga('ecommerce:addTransaction', { 'id': '{0}', 'revenue': '{1}',  });</script>";
    Page.ClientScript.RegisterStartupScript(GetType(), "ga", string.Format(gaScript, orderInfo.id, orderInfo.revenue));

Or register the variables in code behind:

string gaScript = "<script>var gaId='{0}'; var gaRevenue='{1}'</script>";
            Page.ClientScript.RegisterStartupScript(GetType(), "ga", string.Format(gaScript, orderInfo.id, orderInfo.revenue));

And read the variables in javascript:

<script>

     ga('ecommerce:addTransaction', {
                'id': gaId,                 

                'revenue': gaRevenue,               

            });
          </script>

Hope it helps