You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

54 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iFrame Tab Demo</title>
<script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.cookie.js"></script>
<script>
$(function () {
var token = "";
$("#MenuLinks li").click(function () {
var ajaxUrl = $(this).attr("url");
$("#myframe").attr("src", ajaxUrl);
});
$("#LoinLinks li").click(function () {
$.ajax({
type: "POST",
url: "http://ys.jxing.com.cn:8081/jxserver/a/login",
dataType: "html",
contentType: "form-data",
crossDomain: true,
data: $({ "username": "admin", "password": "KlVIQnZmcjQ=" }).serialize(),
success: function (jsonData) {
//alert(jsonData);
},
error: function (jqXHR, textStatus, errorThrown) {
alert("远程错误,状态:" + textStatus + " 错误信息:" + errorThrown);
}
});
});
});
</script>
</head>
<body>
<div id="MenuLinks">
<ul>
<li url="http://ys.jxing.com.cn:8081/jxserver/a/equip/dbEquipList/typeIndex">建行科技:设备台帐</li>
<li url="https://www.hao123.com?yy=y4&xx=qqqqq">好123</li>
<li url="https://www.360.com">360</li>
<li url="https://www.qq.com">QQ</li>
</ul>
</div>
<div id="LoinLinks">
<ul>
<li url="">登陆建行</li>
</ul>
</div>
<div id="iframeContent">
<iframe id="myframe" width="100%" height="800" frameBorder="0" src="http://ys.jxing.com.cn:8081/jxserver/a/login" scrolling="yes" sandbox="allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation"></iframe>
</div>
</body>
</html>