如何获取使用JavaScript加载的标签值

Question

我有这样的链接。 它来自instagram api。

http://localhost:60785/access_token.aspx/#access_token=43667613.4a1ee8c.791949d8f78b472d8136fcdaa706875b

如何从代码隐藏中获取此链接？ 我可以用js接受它，但是分配给label后我无法得到它。 我的意思是：

<script>
    function getURL(){
        document.getElementById('lblAccessToken').innerText = location.href;
    }
</script>

此js函数在body onload事件中。 如何从代码隐藏中获取此innerText值？

Answer 1

如果您使用的是ASP.NET 4.0和jQuery，则相当简单。 否则，您可能必须处理混乱的ID，并且必须自己处理DOMReady。 尝试这个

标记

<asp:Label ID="lblAccessToken" runat="server" ClientIDMode="Static"></asp:Label>

JavaScript的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        var myToken = GetHashParameterByName("access_token");
        $("#lblAccessToken").html( myToken );
    });

    function GetHashParameterByName(name) {    
        var match = RegExp('[#&]' + name + '=([^&]*)')
                .exec(window.location.hash);
        return match && decodeURIComponent(match[1].replace(/\+/g, ' '));    
    }
</script>

---

您想要Page_Load上的值正确吗？ 我还没有想出一种方法来获取Page_Load上的哈希值。我通常会执行以下操作之一

1. 将哈希值传递给jQuery ajax方法并将其存储在其中。
2. 抓取哈希值并将其转换为查询字符串后重定向到同一页面

JavaScript的

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        var myToken = GetHashParameterByName("access_token") || "";
        if(my_token !=== ""){
            window.location = window.location.split("/#")[0] + "?access_token=" + myToken;
        }
    });

    function GetHashParameterByName(name) {    
        var match = RegExp('[#&]' + name + '=([^&]*)')
                .exec(window.location.hash);
        return match && decodeURIComponent(match[1].replace(/\+/g, ' '));    
    }
</script>

现在在Page_Load上，像抓它一样

string token = Request.QueryString["access_token"];

请注意，它需要再往返服务器一次，因此效率不高。 但这就是我要做的。