Javascript URL参数获取与调用后台API

最新推荐文章于 2024-05-14 16:50:19 发布

chennxi

最新推荐文章于 2024-05-14 16:50:19 发布

阅读量2.3k

点赞数

分类专栏：网络管理文章标签： url javascript xmlhttprequest null iterator function

本文链接：https://blog.csdn.net/chennxi/article/details/7452572

版权

网络管理专栏收录该内容

5 篇文章 0 订阅

订阅专栏

第一个页面：index.html

<html>
    <body>
	<h2>Test</h2>
        <hr />
	<a href = "/lectureEx.html?rank=00&provider=open163" target = "_blank">Page00</a>
	<a href = "/lectureEx.html?rank=01&provider=open163" target = "_blank">Page01</a>
    </body>
</html>

第二个页面：lectureEx.html

<html>
    <head>
	    <script>
		function showItem()
		{
		    var url = window.location.href;
			var paramStr = url.substring(url.indexOf("?") + 1);
			var params = paramStr.split("&");
			var rank, provider;
			for (i = 0; i < params.length; i++)
			{
			    var p = params[i].split("=");
				if (p[0] == "rank")
				{
				    rank = p[1];
				}
				else if (p[0] == "provider")
				{
				    provider = p[1];
				}
			}
			
			var xmlhttp;
			if (window.XMLHttpRequest)
			{
				xmlhttp = new XMLHttpRequest();
			}
			else
			{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			
			xmlhttp.onreadystatechange = function()
			{
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
				{
					var xmlDoc = xmlhttp.responseXML;
					var title = xmlDoc.getElementsByTagName("Title_Original")[0].childNodes[0].nodeValue;
					document.getElementById("title").innerHTML = title;
					
					var movies = xmlDoc.evaluate("//Movie", xmlDoc, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
					var m = movies.iterateNext();
					var links = "";
					while (m)
					{
					    var subtitle = m.getElementsByTagName("fileName")[0].childNodes[0].nodeValue;
						var link = m.getElementsByTagName("locationUri")[0].childNodes[0].nodeValue;
					    links = links + "<a href=\"" + link + "\">" + subtitle + "</a>" + "<br />";
						m = movies.iterateNext();
					}
					document.getElementById("links").innerHTML = links;
					
					var thumbxml = xmlDoc.evaluate("//Thumbnail/locationUri", xmlDoc, null, XPathResult.STRING_TYPE, null);
					document.getElementById("thumbnail").setAttribute("src", thumbxml.stringValue);
					
					var summary = xmlDoc.getElementsByTagName("Summary_Short")[0].childNodes[0].nodeValue;
					document.getElementById("desc").innerHTML = summary;
				}
			}
			
			var urltemp = "/crawlerServer/topvideo/single?rank={rank}&datatype=xml&provider={provider}";
			var url = urltemp.replace("{rank}", rank).replace("{provider}", provider);
			xmlhttp.open("GET", url, true);
			xmlhttp.send();
		}
		</script>
    </head>
    <body onload = "showItem()">
	    <div id = "show">
		    <h2 align = "center" id = "title"></h2>
			<img src = "" id = "thumbnail"></img>
			<p id = "desc"></p>
			<p id = "links"></p>
		</div>
    </body>
</html>

chennxi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript URL参数获取与调用后台API

第一个页面：index.html Test Page00 Page01 第二个页面：lectureEx.html function showItem() { var url = window.location.href; var paramStr = url.substring(url.
复制链接

扫一扫

专栏目录