标签：android style blog http ar io color os 使用
最近，搭建好了一个基于SOAP的WebService服务器。结果，使用JavaScript访问WebService遇到了跨域的问题！
首先，声明代码中的WebService不是本人搭建，由于本人的服务器地址不方便公开。
这个是测试HTML
<html> <meta charset="utf-8" /> <head> <title>通过ajax调用WebService服务</title> <script> var xhr = new XMLHttpRequest(); function sendMsg(){ var name = document.getElementById(‘name‘).value; //服务的地址 var wsUrl = ‘http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx‘; //请求体 var soap = ‘<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://ws.itcast.cn/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">‘ + ‘ <soapenv:Body><getRegionCountry xmlns="http://WebXml.com.cn/" /></soapenv:Body> </soapenv:Envelope>‘; //打开连接 xhr.open(‘POST‘,wsUrl,true); //重新设置请求头 xhr.setRequestHeader("Content-Type","text/xml;charset=UTF-8"); xhr.setRequestHeader("SOAPAction","http://WebXml.com.cn/getRegionCountry"); //设置回调函数 xhr.onreadystatechange = _back; //发送请求 xhr.send(soap); } function _back(){ if(xhr.readyState == 4){ if(xhr.status == 200){ //alert(‘调用Webservice成功了‘); var ret = xhr.responseXML; var msg = ret.getElementsByTagName(‘return‘)[0]; document.getElementById(‘showInfo‘).innerHTML = msg.text; //alert(msg.text); } } } </script> </head> <body> <input type="button" value="发送SOAP请求" onclick="sendMsg();"> <input type="text" id="name"> <div id="showInfo"> </div> </body> </html>
浏览器按下F12以后：
出现
OPTIONS http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx 403 (Forbidden)
OPTIONS http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://127.0.0.1:8020‘ is therefore not allowed access.
XMLHttpRequest cannot load http://webservice.webxml.com.cn/WebServices/WeatherWS.asmx. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://127.0.0.1:8020‘ is therefore not allowed access.
目前，看网上都是通过JSONP，即src服务器端JS，然后通过回调函数传递数据。
但是，这个得有个前提：服务器端得配合你啊，假如，你与服务器端不是一伙人，那么协调是个问题啊！
另外，对于服务器端来讲，这种做法也不安全哇！
对于JavaScript 的同源策略，确实很好的提高了安全性！但是，也限制了移动端开发纯HTML5+JS的APP！
目前，我已经放弃使用JavaScript 访问 WebService了，我使用纯HTML5开发移动APP的做法，也值得商榷！
保险的做法是，HTML5+JS做界面，原生语言做后端！
那么，我看不出HTML5+JS 比 Android的XML, WP的XLAM好了很多。。。
此外，我对于Qt的跨平台，表示出极大的看好！
希望，能有个大神指点我一下JavaScript 跨域问题，既保证客服端的便捷，也保证服务器端的安全！
2014-12-19
关于JavaScript 访问基于SOAP的WebService跨域问题
标签：android style blog http ar io color os 使用
原文地址：http://www.cnblogs.com/longyunDream/p/4173470.html
