日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

本文向大家描述一下使用javascript巧妙操作img做網(wǎng)站異常提交，表如果要實現(xiàn)單提交數(shù)據(jù)到服務(wù)器A，如果服務(wù)器A訪問不了就提交到服務(wù)器B，利用js操作img來處理完成是個不錯的選擇。

目前成都創(chuàng)新互聯(lián)已為上1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計、北海網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

使用javascript巧妙操作img做網(wǎng)站異常提交

如果要實現(xiàn)表單提交數(shù)據(jù)到服務(wù)器A，如果服務(wù)器A訪問不了就提交到服務(wù)器B，使用JS實現(xiàn)上面的所講功能，要考慮跨域問題，有使用過ajax的xmlhttp方法檢測遠(yuǎn)程文件不存在返回404的方案，這種方案在測試時由于ajax存在跨域問題，所以就不采用了，也使用過img的onerror與onload事件這種方案來處理，但是這種方案會造成提交表單IE會彈窗，瀏覽器又?jǐn)r截了彈窗，所以又不采用此方案，哪怎么辦呢？搞得挺久，最終還是利用js操作img來處理完成，下面是具體步驟。

第1步、創(chuàng)建一個test.htm文件

內(nèi)容如下：

 
 
 

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  

  
  
  
type="hidden"value="s129"name="SendType"/>
  
  
  

  
  
  

  
  
  
"type="button"name="imageField"/>
  
  
  

  
  
  

  
  
  

 
 
 

第2步：創(chuàng)建getMessage.js文件

內(nèi)容如下：

 
 
 

  
  
  
functiongetMessage(frm){ 
  
  
  
varsendtype=frm.SendType; 
  
  
  
vartitle=frm.title; 
  
  
  
//創(chuàng)建模擬form表單 
  
  
  
varobjfrm=document.createElement("form"); 
  
  
  
varobjsendtype=document.createElement("input"); 
  
  
  
varobjtitle=document.createElement("input"); 
  
  
  
//利用操作img來處理目標(biāo)接收數(shù)據(jù)的服務(wù)器頁面 
  
  
  
varobjImg=document.createElement("img"); 
  
  
  
objImg.id="TmpSmsImg"; 
  
  
  
objImg.src="http://www.xueit.com/images/logo.gif"; 
  
  
  
//默認(rèn)服務(wù)器A圖片 
  
  
  
document.body.appendChild(objImg); 
  
  
  
varimgWidth=document.getElementById("TmpSmsImg").width; 
  
  
  
document.body.removeChild(objImg); 
  
  
  

  
  
  
if(imgWidth=="210") 
  
  
  
//如果圖片存在，就可以獲取到寬度等于預(yù)定值， 
  
  
  
默認(rèn)接收數(shù)據(jù)的服務(wù)器A的頁面 
  
  
  
{ 
  
  
  
objfrm.action="http://www.xueit.com/testGet.aspx"; 
  
  
  
} 
  
  
  
else//圖片不存在，另一臺接收數(shù)據(jù)的服務(wù)器B的頁面 
  
  
  
{ 
  
  
  
objfrm.action="http://demo.xueit.com/testGet.aspx"; 
  
  
  
} 
  
  
  

 
 
 

#p# 下面是表單的屬性

 
 
 

  
  
  
objfrm.id="TmpForm"; 
  
  
  
objfrm.name="TmpForm"; 
  
  
  
objfrm.target="_blank"; 
  
  
  
objfrm.method="post"; 
  
  
  
objfrm.style.display="none"; 
  
  
  

  
  
  
objsendtype.type="hidden"; 
  
  
  
objsendtype.name="SendType"; 
  
  
  
objsendtype.value=Utf2Gb(sendtype); 
  
  
  

  
  
  
objtitle.type="hidden"; 
  
  
  
objtitle.name="title"; 
  
  
  
objtitle.value=Utf2Gb(title); 
  
  
  

  
  
  
//附加 
  
  
  
objfrm.appendChild(objsendtype); 
  
  
  
objfrm.appendChild(objtitle); 
  
  
  

  
  
  
//表單提交 
  
  
  
document.body.appendChild(objfrm); 
  
  
  
objfrm.submit(); 
  
  
  
document.body.removeChild(objfrm); 
  
  
  

  
  
  
//clearobj 
  
  
  
objtitle=null; 
  
  
  
objsendtype=null; 
  
  
  
objfrm=null; 
  
  
  

  
  
  
} 
  
  
  

  
  
  
//處理編碼函數(shù) 
  
  
  
functionUtf2Gb(str) 
  
  
  
{ 
  
  
  
if(str!=null&&str!="") 
  
  
  
str=escape(str); 
  
  
  
returnstr; 
  
  
  
} 
  
  
  

 
 
 

 以上代碼主要是利用img圖片，如果圖片所在服務(wù)器正常運行的話，圖片會加載到當(dāng)前頁面的body區(qū)域中，所以再獲取這個img圖片的寬度，如果寬度等于你知道的預(yù)定值，就代表默認(rèn)服務(wù)器正常，否則代碼服務(wù)器A不正常，就把數(shù)據(jù)提交到服務(wù)器B處理。

名稱欄目：Javascript巧妙解決img做網(wǎng)站異常提交問題
轉(zhuǎn)載注明：http://www.5511xx.com/article/dhepiis.html