jquery學習筆記1 Ajax跨站請求資源

操作環境：os：win7-64bit，brower:chrome

今天在學習jquery的ajax請求時碰到乙個問題，當使用jquery中的load()函式訪問乙個跨站資源（不是相同網域名稱和埠即屬於跨站）時，如果直接訪問該資源會出現無法載入的情況。

例如有如下**:

123

41516
first paragraph
17載入ajax
1819
20

內容為

this is some text in a paragraph.

此時開啟ajax1.html會在js控制台出現如下錯誤，意思是因為缺少「access-control-allow-origin」頭，無法使用該資源。

查詢了一下「access-control-allow-origin」，發現這是html5中定義的乙個html頭，表示該資源允許被哪個域引用，其中*可表示所有域。更多的介紹可以看 這篇博文。

在上面的例子中，我使用本機中乙個html檔案去訪問127.0.0.1下的乙個txt資源，因為並非同域，又沒有「access-control-allow-origin」頭，所以被伺服器拒絕得到該資源。解決辦法是先訪問乙個php檔案，輸出「access-control-allow-origin」頭再返回該檔案。

**修改如下：

test paragraph
載入ajax

此外在服務端新建乙個檔案demo.php

<?php

header('access-control-allow-origin:*');
$file=file_get_contents("./demo.txt");
echo $file;
?>

此時便能正常訪問了。

jQuery學習筆記之ajax

function chagedistrict obj var data var id main homeorcompany zip code ajax 在ajax裡還有很多可選的屬性 asyc 預設 true 預設設定下，所有請求均為非同步請求。如果需要傳送同步請求，請將此選項設定為 false。注...

Ajax 學習筆記 1

從今天開始學習ajax,不知道自己能堅持多久寫部落格,呵呵 以前看過ajax的書,只是瀏覽,知道了它的大概意思,大概流程.前兩天才真正的開始仔細的看.用的是ajax開發精要那本書.今天試驗了乙個簡單的例子.index.htm process.jsp page contenttype text htm...

AJAX學習筆記1

例如表單驗證，不需要提交，就可以時實的進行資訊提示 有些的瀏覽器版本是不支援xhr的，如ie6和ie5,但現在一般不用考慮 在jquery裡使用不用考慮這些問題 get url,callback,json 在js裡面需要以下 7步驟 4部分 例如 狀態碼 request.status open me...