亚洲av成人无遮挡网站在线观看,少妇性bbb搡bbb爽爽爽,亚洲av日韩精品久久久久久,兔费看少妇性l交大片免费,无码少妇一区二区三区

  免費注冊 查看新帖 |

Chinaunix

  平臺 論壇 博客 文庫
最近訪問板塊 發(fā)新帖
查看: 4035 | 回復(fù): 1
打印 上一主題 下一主題

html5 跨域異步數(shù)據(jù)請求問題 [復(fù)制鏈接]

論壇徽章:
0
跳轉(zhuǎn)到指定樓層
1樓 [收藏(0)] [報告]
發(fā)表于 2012-03-06 12:08 |只看該作者 |倒序瀏覽
場景如下，今天看到 HTML5 關(guān)于XMLHttpRequest Level2 的內(nèi)容，  也就是HTML5的規(guī)范中新增加了跨域異步請求的 API ， 我按照規(guī)范寫了一個DEMO，代碼如下
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8"/>
  5.         <title>跨域AJAX 數(shù)據(jù)上傳</title>
  6.         <script type="text/javascript">
  7. function sendData(){
  8.         var xhr = new XMLHttpRequest();

  10.         if(typeof xhr.withCredentials == undefined){
  11.                 document.getElementById("support").innerHTML = "抱歉，你的瀏覽器不支持 跨域異步數(shù)據(jù)請求";

  13.                 return false;
  14.         }else{
  15.                 document.getElementById("support").innerHTML = "恭喜，你的瀏覽器支持 跨域異步數(shù)據(jù)請求"
  16.         }

  18.         xhr.upload.onprogress = function(e){
  19.                 var ratio = e.loaded/e.total;
  20.                 setProgress("up",ratio + "% uploaded");
  21.         }

  23.         xhr.onprogress = function(e){
  24.                 var ratio = e.loaded/e.total;
  25.                 setProgress("down",ratio + "% uploaded");
  26.         }

  28.         xhr.onload = function(e){
  29.                
  30.                 setProgress("up","upload compelete.");
  31.                 alert(xhr.responseText);
  32.         }

  34.         xhr.onerror = function(e){
  35.                 setProgress("up","ERROR");
  36.         }

  38.         var url = "http://my.bbs.com/test.php";

  40.         xhr.withCredentials = true;
  41.         xhr.open("POST",url,true);

  43.         xhr.send("this is a test data for upload");
  44. }

  46. function setProgress(id,str){
  47.         document.getElementById(id).innerHTML = str;
  48. }

  50.         </script>
  51. </head>
  52. <body>
  53. <h1>XMLHttpRequest Level2</h1>
  54. <input type="button" name="hd" value="上傳數(shù)據(jù)" onclick="sendData()" />
  55. <div id="support"></div>
  56. <div id="up"></div>
  57. <div id="down"></div>

  59. </body>
  60. </html>
復(fù)制代碼
服務(wù)器端出來如下

http://my.bbs.com/test.php 這個文件的代碼如下
  1. <?php
  2. header("Expires: -1");
  3. header("Cache-Control: no-cache");

  5. header("Access-Control-Allow-Credentials: true");
  6. header("Access-Control-Allow-Orgin: http://www.yuetong.com");
  7. header("Access-Control-Allow-Methods: POST, GET, OPTIONS");
  8. header("Access-Control-Max-Age: max-age=1");
  9. header("Content-Type: text/html; charset=utf-8");

  11. print_r($_SERVER);
復(fù)制代碼
跨域數(shù)據(jù)請求始終出錯, 可以看到HttpFox 請求中看到 錯誤NS_ERROR_DOM_BAD_URI ， 網(wǎng)上查了一下都是說是跨域被瀏覽器當做錯誤阻止了，
我測試用的瀏覽器版本為



不只錯誤在哪里了

參考文獻地址 http://www.html5rocks.com/en/tutorials/cors/

未命名.jpg (137.95 KB, 下載次數(shù): 18)

未命名.jpg

論壇徽章:
0
2樓 [報告]
發(fā)表于 2012-03-08 14:09 |只看該作者
求高手 啊
您需要登錄后才可以回帖 登錄 | 注冊

本版積分規(guī)則 發(fā)表回復(fù)

  

北京盛拓優(yōu)訊信息技術(shù)有限公司. 版權(quán)所有 京ICP備16024965號-6 北京市公安局海淀分局網(wǎng)監(jiān)中心備案編號：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年舉報專區(qū)
中國互聯(lián)網(wǎng)協(xié)會會員  聯(lián)系我們：huangweiwei@itpub.net
感謝所有關(guān)心和支持過ChinaUnix的朋友們 轉(zhuǎn)載本站內(nèi)容請注明原作者名及出處

清除 Cookies - ChinaUnix - Archiver - WAP - TOP