从查询字符串中获取url并将其加载到div中

时间:2014-01-09 15:52:48

标签: javascript jquery html asp.net query-string

我正在设计一个简单的ASPX页面,其中有两个div's。第一个div有静态内容。第二个内容我希望是动态的。我希望用户在查询字符串中提供URL,并且我需要在第二个div中显示该URL。到目前为止,我已经做到了这一点。

的Index.aspx:

    <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Frames Example</title>
    <script type="text/javascript">
        function LoadQueryPage() {
            var str = <%= new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Request.QueryString["pagename"]) %>

            $("#siteloader")
            .html('<object data=' + str + '/>');
        }
    </script>
</head>
<body>
    <div style="min-height: inherit; height: 100px;">
        Farhan S. Mukadam
    </div>
    <div> 
    <object type="text/html" data="http://validator.w3.org/" width="800px" height="600px" style="overflow:auto;border:5px ridge blue">
    </object></div>
</body>
</html>

但这不起作用。有人可以帮忙。

2 个答案:

答案 0 :(得分:1)

尝试

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
<script>
    $(function () {
        var pagename = GetParameterValues('pagename');
        $('#siteloader').load(pagename);
    }); //missing ) here
    function GetParameterValues(param) {
        var regex = new RegExp('(\\?|&)' + param + '=(.*?)()(&|$)')
        return location.href.match(regex)[2];
    }
</script>

此外,您还没有在页面中包含jQuery

答案 1 :(得分:1)

function GetRequestParameters(name) {
    if (name = (new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)')).exec(location.search))
        return decodeURIComponent(name[1]);
}