?
問(wèn)題：我這邊有一個(gè)即時(shí)通信的服務(wù)器，提供給開(kāi)發(fā)人員一個(gè)JS API來(lái)訪問(wèn)這個(gè)通信服務(wù)器，然而開(kāi)發(fā)人員把JS文件拷貝到本機(jī)的web應(yīng)用時(shí)去調(diào)用遠(yuǎn)程的即時(shí)通信服務(wù)器，出現(xiàn)了跨域的情況?，F(xiàn)在我們這邊只通了JS的api，因此必須解決這個(gè)跨域的問(wèn)題。
?
解決方案：將apache服務(wù)器和web應(yīng)用服務(wù)器放在同一個(gè)服務(wù)器上，分別處于不同的端口，通 過(guò) document.domain=”IP地址” 設(shè)置域來(lái)發(fā)送請(qǐng)求給apatch服務(wù)器界面 ，最終返回即使通信服務(wù)器的響應(yīng)內(nèi)容。
?
1、在本機(jī)上安裝一個(gè)apache，默認(rèn)端口是80，然后里面添加如下內(nèi)容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script>
//這個(gè)是本機(jī)的IP地址
document.domain = "172.16.14.77";
function doTestLogin()
{
var jid = document.getElementById('jid').value;
var pwd = document.getElementById('pass').value;
alert("iframe 里面的值變換了");
}
</script>
</head>
<body >
1. 測(cè)試登錄:<Br/>
用戶名：<input type="text" id="jid" value="a"/>
密 碼：<input type="text" id="pass" value="a" />
<input type="button" value="登錄" id="frm1" onclick="javascript:doTestLogin();" style="font-size: 12px;"/>
</body>
</html>
?
2、在開(kāi)發(fā)應(yīng)用上添加如下界面，使用的是tomcat容器，端口是8080
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
<!-- 引用apache服務(wù)器上的內(nèi)容 -->
<iframe id="ifm1" src="http://172.16.14.77/jwchat/testim.html"
style="width: 100%; height: 300px;" ></iframe>
<form name="frm1" id="frm1">
1. 測(cè)試登錄:<Br/>
用戶名：<input type="text" id="v_name" value="b"/>
密 碼：<input type="text" id="v_pass" value="b" />
<input id="btn1" name="btn1" type="button" value="test" style="font-size:12px"
onclick="test_iframe();">
</form>
</body>
</html>
<script type="text/javascript">
//這個(gè)是本機(jī)的IP地址
document.domain = "172.16.14.77";
function test_iframe() {
var v_name = document.getElementById("v_name").value;
var v_pass = document.getElementById("v_pass").value;
//訪問(wèn)id為ifm1的iframe里面的id為jid控件的值為v_name
top.ifm1.jid.value=v_name;
top.ifm1.pass.value=v_pass;
top.ifm1.frm1.click();
}
</script>
?
在地址欄中輸入：http:// 172.16.14.77 :8080/myweb/current.jsp，點(diǎn)擊按鈕，把當(dāng)前用戶輸入的值傳入到iframe里面，然后由iframe里面的界面提交表單發(fā)送請(qǐng)求，最終交由apache處理請(qǐng)求。
?
備注：地址欄一定要是172.16.14.77，不能用于localhost，因?yàn)闉g覽器判斷是否是是跨域沒(méi)有經(jīng)過(guò)DNS服務(wù)器轉(zhuǎn)換，僅僅是根據(jù)地址欄中的 172.16.14.77 :8080判斷的，否則兩個(gè)頁(yè)面中輸入的 document.domain = "172.16.14.77";會(huì)導(dǎo)致腳本報(bào)錯(cuò)
?
運(yùn)行結(jié)果
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
