如何获取JavaScript里面的全局变量和全局function

Question

在登录我的应用程序时，我将登录详细信息和令牌详细信息存储在 class 的 session 中。现在在我的 aspx 页面上，我必须写一个 javascript function，它应该检查令牌是否在 5 分钟内过期或分钟。 如果那么我必须调用 API 以使用刷新令牌更新访问令牌。 这个API我已经写在一个全局的class里面了，怎么在JavaScript里面调用这个方法呢？ 以及如何获取存储在 class 的 session 中的值（例如：login_token_expires_in）在 javascript 中？

`public class GlobalVariables
    {
    public  int login_user_role = 0;
    public  string login_user_name = string.Empty;
    public  string login_user_id = string.Empty;
    public  string login_token = string.Empty;
    public string login_refresh_token = string.Empty;
    public int login_token_expires_in = 0;//1799 sec; 29.9833 minute//1799000
    }
     public class GlobalFunctions
       {
       private bool GetLoginTokenWithRefreshToken(string username, string refresh_token)
        {
           GlobalVariables obj_GlobalVariables =          (GlobalVariables)HttpContext.Current.Session["objGlobalVariableClass"];
           bool status = false;
           string log_data = string.Empty;

           HttpClient client = new HttpClient();
           client.BaseAddress = new Uri(GlobalVariables.WebAPITokenURI);
           HttpResponseMessage response =
           client.PostAsync("e_token",
            new StringContent(string.Format("grant_type=refresh_token&username={0}&refresh_token={1}",
              HttpUtility.UrlEncode(username),
              HttpUtility.UrlEncode(refresh_token)), Encoding.UTF8,
              "application/x-www-form-urlencoded")).Result;
          if (response.IsSuccessStatusCode)
          {
            string resultJSON = response.Content.ReadAsStringAsync().Result;
            e_Token result = JsonConvert.DeserializeObject<e_Token>(resultJSON);
            obj_GlobalVariables.login_token = result.access_token;
            obj_GlobalVariables.login_refresh_token = result.refresh_token;
            obj_GlobalVariables.login_token_expires_in = Convert.ToInt32(result.expires_in * 1000);//seconds to millisec
            status = true;
         }
         else
         {
            status = false;
         }
         return status;
        }
     }`

登录成功时，将登录详细信息存储在 GlobalVariables class

 `GlobalVariables obj_GlobalVariables = new GlobalVariables();
     obj_GlobalVariables.login_token = result.access_token;
     obj_GlobalVariables.login_token_expires_in = Convert.ToInt32(result.expires_in*1000);//seconds to millisec
    obj_GlobalVariables.login_refresh_token=result.refresh_token;
    obj_GlobalVariables.login_user_name =result.login_user_name;

    etc..`

Page1.aspx 上的 Javascript

  `<script type="text/javascript">
       var idleSecondsTimer = null;
       idleSecondsTimer = window.setInterval(CheckIdleTime, 1000);
       function CheckIdleTime() {
      //have to check if time after login >=  login_token_expires_in - 5 seconds
      //then need to call the function  GetLoginTokenWithRefreshToken(username, refresh_token)
           }
       </script>`

我想知道如何获取javascript里面的c#全局变量和函数

Answer 1

将登录详细信息和令牌详细信息存储在 class 的 session 中。

不不不！

您的意思是您创建一个 class 实例，然后将其 SHOVE 到 session() 中进行保存，对吗？ 我在这里的 class 中没有看到任何“会话” - 所以这必须由您清除。 你这里没有全局变量。 而且您不能使用 static class，因为它会被所有用户共享/使用/相同。

一个全局范围的变量将是 scope 中的 go。所以，你的意思是你创建一个 class 实例，设置值，然后保存到 session() 中，然后你可以检索它以用于后续的回发。

至于在客户端使用/拥有/享受这些价值观？

嗯，你有很多选择。

您可以创建一个返回值的 web 方法（因此，这将是客户端 ajax 调用）。

另一种方式？

在某些情况下，我不会进行 web 方法调用，而是将服务器端 class 简单地推送到页面上的一个简单（一个）隐藏字段中。 （你只需将序列化的 class 推入），然后客户端可以获取该简单字符串，将其反序列化为客户端 object，然后再一次，给定页面上的 js 客户端代码使用所有值那个 class。

这实际上取决于有多少页，以及您在何处需要 js 代码中的此类值，但我认为在大多数情况下，web 方法就是通往 go 的方法。

但是，让我们使用“简单”隐藏字段，并将 class 发送到客户端。

所以，说这个简单的代码服务器端：

对于此示例，我只是将所有代码直接推入现有的 web 页面（因此您甚至可以剪切 + 粘贴并尝试此操作）。

所以，说这段代码：

    public class cHotel
    {
        public string FirstName = "";
        public string LastName = "";
        public string HotelName = "";
        public string Description = "";
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            LoadMyData();

        }
    }

    void LoadMyData()
    {
        DataRow drHotel = 
            General.MyRst("SELECT * FROM tblHotelsA WHERE ID = 16").Rows[0];

        cHotel MyHotel = new cHotel();
        MyHotel.FirstName = drHotel["FirstName"].ToString();
        MyHotel.LastName = drHotel["LastName"].ToString();
        MyHotel.HotelName= drHotel["HotelName"].ToString();
        MyHotel.Description = drHotel["Description"].ToString();

        JavaScriptSerializer jsS = new JavaScriptSerializer();

        this.HotelInfo.Value = jsS.Serialize(MyHotel);


    }

客户端标记是这样的（我确实有 jQuery，但是那个选择器可以用 getelementByID 替换 - rest 只是 js 代码 - 而不是 jQuery。

    <asp:HiddenField ID="HotelInfo" runat="server" ClientIDMode="Static" />

    <div style="padding:40px">

        <asp:Button ID="Button1" runat="server" Text="Button"
            OnClientClick="test1();return false;"
            />


    </div>

    <script>

        function test1() {
            var MyHotel = JSON.parse($('#HotelInfo').val())

            alert("Hotel name = " + MyHotel.HotelName)
            alert("Description = " + MyHotel.Description)


        }

    </script>

因此，当我运行此页面并单击按钮时，我得到/看到了：

所以，上面是将 class 发送到页面的好方法，它很简单，不需要花哨的 web 方法或任何东西。

有点不错，因为该隐藏字段可用于客户端 js 代码中的任何和所有例程。 所以，干净，代码少，简单。 隐藏字段将在回发和往返中幸存下来。 因此，简单、容易、干净且代码很少。 并且 hiddenfield 确实有视图状态。

然而，现在很多人会建议您使用 web 方法，因此可以从任何 js 代码调用 web 方法。 但是，您现在正在处理异步调用和更多移动部件。

但是，让我们在上面发布的 c# 代码下方添加一个方法，然后试一试，好吗？

所以，在上面的代码之后，我们现在有这个：

[WebMethod()]
public static cHotel GetHotel()
{
    DataRow drHotel =
        General.MyRst("SELECT * FROM tblHotelsA WHERE ID = 16").Rows[0];

    cHotel MyHotel = new cHotel();
    MyHotel.FirstName = drHotel["FirstName"].ToString();
    MyHotel.LastName = drHotel["LastName"].ToString();
    MyHotel.HotelName = drHotel["HotelName"].ToString();
    MyHotel.Description = drHotel["Description"].ToString();

    return MyHotel;

}

好的，现在在客户端，我们将调用上面的 web 方法（ajax 调用）。

所以这：

        function test2() {
            $.ajax({
                type: "POST",
                url: "WebForm1.aspx/GetHotel",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: { },
                success: function (response) {
                    var MyHotel = response.d;
                    alert("Hotel name = " + MyHotel.HotelName)
                    alert("Description = " + MyHotel.Description)
                },
                failure: function (response) {
                    alert(response.d);
                }
            });
        }

同样，结果是一样的。 因此，“隐藏字段”技巧或标准 web 方法（这是一个终点）调用都将起作用。

而且我想你可以制作一些“单一”的网络方法，只返回 class 中的一个值。请记住，虽然 web 方法是“静态的”（它没有使用 web 页面上的控件，但它可以有使用会话（））。

所以，这样说：

    [WebMethod(EnableSession = true)]
    public static cHotel GetHotel()
    {
        DataRow drHotel =
     bla bla bla