XMLHttpRequest cannot load – Origin is not allowed by Access-Control-Allow-Origin.

今天使用appmobi的模拟器调试程序的时候，发现使用jquery的getJson方法调用的内容不显示。（前面使用appCan的模拟器也有这个问题）
查看后台报错：
XMLHttpRequest cannot load http://192.168.103.xx:8085/xxx/TestJsonInfo?value=1. Origin http://localhost:58888 is not allowed by Access-Control-Allow-Origin.

解决办法：
1.页面请求的是自己写的一个servelet，加入response.setHeader("Access-Control-Allow-Origin", "*");
2.请求页面html，加入<meta http-equiv="Access-Control-Allow-Origin" content="*">

以下内容为转载
原始页面：http://blog.sharechiwai.com/2012/04/xmlhttprequest-cannot-load-origin-is-not-allowed-by-access-control-allow-origin/

今天在一個主題是使用主辦單位的API 的Hack Event上 出現了一個趣事…
就是其中一個API 出現了很多的問題…
相信他們是沒有真正的測試過便開放了這一個Beta給開發人員使用..
其中一個問題是他們提供的SandBox URL 不是正確的
另一個問題是使用者/開發者的帳戶…和API Key 很像沒有和SandBox 連結在一起..
當使用使用者/開發者的帳 的API Key 時不能使用這個API…
最後..我只可以使用Sample Code上的URL…

誰不知..當我準備好..了解他的Function和Data Structure時…
正開始開發時..又出現一個很嚴重的問題
就是當我當試使用JQuery 的 $.getJSON 功能來 取資料時…
頁面沒有顯示任何資料..
當我使用Google Chrome的 Debugging Console 看看有沒有任何錯誤信息時
發現以下的錯誤資訊
“XMLHttpRequest cannot load http://api.europeandirectories.com/search.json?country=NL&what=pizza&where=Amsterdam&userid=portaluser&apikey=8f989d50f277c5ec3b9e890d497be820. Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin.”

聽說這是一個和Cross-domain 想關的的問題…
API 的Provider 需要在他們的Server/Service上更改一些設定來解決這個問題

另一個解決方法是使用JSONP …
但是如果API 是沒有Implement JSONP的時候..你便沒有辦法了…

很可惜這個API 真是在一個很Beta的 Stage…所以還是沒有JSONP 的…

幸好最後有一個負責這個 API的開發人員 介紹了一個
暫時的解決方法:
就是啟動 Google Chrome時 停用他的網路安全 設定

大家可以按”開始/Start” -> “執行/Run”
之後輸入以下文字
chrome.exe –disable-web-security

之後按”確定/OK”

當我再次嘗試這個Test Page時 便可以顯示資料了

Hope you find it useful.