ajax 跨域取数据

第一次分享。。。 有啥不对的地方。。还望指出！ 若有更好的解决方案，呵呵。。 也希望能得到分享！。

     背景： 项目中要显示股票指数数据，由于咱们当前系统中没有这些数据，所以只能通过跨域去取数据。由于指数数据是实时数据，初定方案是通过ajax每隔3秒去指定的地址去拿数据。

var requestObject = {
    url : "地址",
    vars : "参数",
    callBack : 回调函数,
    method : "post",
  };
  var ajax = new TFL.ajax2(); //对XmlHttpRequest 做了封装
  ajax.ajaxRequest(requestObject);

本地测试通过。。。 上测试环境（正式环境）发现不行！。。 才发现ajax无法跨域取数据。（呵呵，web新手。。见笑了）

 第二中方案：

     利用js创建dom的原理，去动态创建一个<script></script>  在指定 scr的值 。

 function c(){
  var date = new Date();
  var hours = date.getHours();
  
  if(hours>=9 && hours <=15){//开盘时间
  a();  }
 }

 

 function a(){
  var head= document.getElementsByTagName('head')[0];
     var script= document.createElement('script');
     script.type= 'text/javascript';
     // 回调只对firefox有效
     script.onreadystatechange= function () {
        if (this.readyState == 'complete') {
            b();

        };
     }
     script.onload= 回调函数;
     // 回调只对firefox有效
     script.src= b;
     head.appendChild(script);

 }

 function b(){//回调函数

 }

 setInterval("c()"3000);

 

上面遗留了一个问题，就是在ie下无法执行回调函数，只能直接去调用函数，但也许会出现这样一种情况，就是数据还在加载，js直接调用回调函数的代码就已经执行了，导致无法取到数据。

 我的解决方案是 ：  先判断浏览器，然后在通过定时器去定时执行回调函数。(说白了就是ie下推迟执行回调函数)

// 判断是否ie
  var is_opera = /opera/i.test(navigator.userAgent); 
  var is_ie = (/msie/i.test(navigator.userAgent) && !is_opera)
  if(is_ie){
      setInterval("c()",4000);
  }
     
   以上是我的总结。 。 呵呵   。热烈欢迎踊跃提意见啊。！

评论

19 楼 gongji 2010-05-16  

xw_qixia 写道

gongji 写道

xw_qixia 写道

呵呵。。  感谢大家关注。  是这样的。！   我们的服务器不能向外发请求，所以无法通过java后台来进行代理。所以只能是在前端做处理

你丫的，跟你说w3c access control 所以的新版本浏览器都支持的

    。。。  呵呵。。！  我搜了。。 网上说。。。
IE的开发者今天公布了一段小视频：
http://ieblog.members.winisp.net/images/XdomainRequest-small.wmv


目前，支持这种跨域实现的要求

Firefox 3.1 Beta2

IE 8 Beta2

等到普及还有一段时间。


摘自红色黑客联盟(www.7747.net) 原文：http://www.7747.net/Article/200901/31421.html

    呵呵。。 嗯能否提供点资料呢。？  谢谢啊。。。。

资料网上多的是了，我这边只有delphi版本的实现

18 楼 xw_qixia 2010-05-14  

gongji 写道

xw_qixia 写道

呵呵。。  感谢大家关注。  是这样的。！   我们的服务器不能向外发请求，所以无法通过java后台来进行代理。所以只能是在前端做处理

你丫的，跟你说w3c access control 所以的新版本浏览器都支持的

    。。。  呵呵。。！  我搜了。。 网上说。。。
IE的开发者今天公布了一段小视频：
http://ieblog.members.winisp.net/images/XdomainRequest-small.wmv


目前，支持这种跨域实现的要求

Firefox 3.1 Beta2

IE 8 Beta2

等到普及还有一段时间。


摘自红色黑客联盟(www.7747.net) 原文：http://www.7747.net/Article/200901/31421.html

    呵呵。。 嗯能否提供点资料呢。？  谢谢啊。。。。

17 楼 gongji 2010-05-14  

xw_qixia 写道

呵呵。。  感谢大家关注。  是这样的。！   我们的服务器不能向外发请求，所以无法通过java后台来进行代理。所以只能是在前端做处理

你丫的，跟你说w3c access control 所以的新版本浏览器都支持的

16 楼 xw_qixia 2010-05-13  

呵呵。。  感谢大家关注。  是这样的。！   我们的服务器不能向外发请求，所以无法通过java后台来进行代理。所以只能是在前端做处理

15 楼 vb2005xu 2010-05-13  

使用RPC方式,不走后台么?多此一举啊

14 楼 andot 2010-05-12  

linkerlin 写道

andot 写道

使用Hprose跨域更方便，不需要任何特殊写法，直接使用RPC方式，想怎么跨就怎么跨。支持所有浏览器，甚至在手机上都可以让您轻松实现Ajax跨域访问。

强烈推荐。
我用Hprose的开源版本PHPRPC很多年了。
非常非常的爽！！！

Hprose也是开源的 商业开源～

13 楼 linkerlin 2010-05-12  

andot 写道

使用Hprose跨域更方便，不需要任何特殊写法，直接使用RPC方式，想怎么跨就怎么跨。支持所有浏览器，甚至在手机上都可以让您轻松实现Ajax跨域访问。

强烈推荐。
我用Hprose的开源版本PHPRPC很多年了。
非常非常的爽！！！

12 楼 伊苏 2010-05-11  

<div class="quote_title">xiebaolong 写道</div>
<div class="quote_div">
<p>现在已经有flash和Ajax实现的跨越访问的框架了，又何苦自己写，又不兼容呢？<br>而且jquery 1.2以后就有对jsonp的支持啦！</p>
<pre name="code" class="js">$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&amp;tagmode=any&amp;format=json&amp;jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("&lt;img/&gt;").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});</pre>
 
<pre name="code" class="js">jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: 'pink' }, 1000)
      .animate( { backgroundColor: 'blue' }, 1000);
  });
});</pre>
 </div>
<p> </p>
<p> </p>
<p>这样怎么实现post提交form参数? </p>
<p> </p>
<p>不是所有ws都支持get和post的</p>
<p> </p>
<p>还是在服务器端做个代理比较合理</p>
<p> </p>
<p>现好这2天也在折腾这个</p>
<p> </p>
<p>尝试成功通过</p>
<p>apache的httpclient实现post提交</p>
<p>urlconnection.open实现soap提交</p>
<p>都是基于http的</p>
<p> </p>
<p>基于rpc的连接还没试过, 还有tcpip跟rpc, http之间的联系都还在估摸ing</p>
<p> </p>
<p> </p>
<p> </p>

11 楼 gongji 2010-05-11  

w3c access control 你搜索一下，新浏览器标准，跨域访问控制

10 楼 giginet 2010-05-11  

一共三种吧。
1.动态创建script
2.jsonp
3.设置document.domain

9 楼 andot 2010-05-11  

yin_bp 写道

andot 写道

使用Hprose跨域更方便，不需要任何特殊写法，直接使用RPC方式，想怎么跨就怎么跨。支持所有浏览器，甚至在手机上都可以让您轻松实现Ajax跨域访问。

安全性怎么保证呢？

可以通过设置身份认证，访问权限等多种方式来保证。

8 楼 yin_bp 2010-05-10  

andot 写道

使用Hprose跨域更方便，不需要任何特殊写法，直接使用RPC方式，想怎么跨就怎么跨。支持所有浏览器，甚至在手机上都可以让您轻松实现Ajax跨域访问。

安全性怎么保证呢？

7 楼 andot 2010-05-10  

使用Hprose跨域更方便，不需要任何特殊写法，直接使用RPC方式，想怎么跨就怎么跨。支持所有浏览器，甚至在手机上都可以让您轻松实现Ajax跨域访问。

6 楼 danielking 2010-05-10  

还可以用jsonp
用jquery很方便能做到
je里能搜到相关文章

5 楼 eason007 2010-05-10  

jquery取跨域数据也是用script标签实现的。

4 楼 xiebaolong 2010-05-10  

<p>现在已经有flash和Ajax实现的跨越访问的框架了，又何苦自己写，又不兼容呢？<br>而且jquery 1.2以后就有对jsonp的支持啦！</p>
<pre name="code" class="js">$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&amp;tagmode=any&amp;format=json&amp;jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("&lt;img/&gt;").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});</pre>
 
<pre name="code" class="js">jQuery.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
  $("#go").click(function(){
    $(".block").animate( { backgroundColor: 'pink' }, 1000)
      .animate( { backgroundColor: 'blue' }, 1000);
  });
});</pre>
 

3 楼 rainsilence 2010-05-09  

package org.test;

import java.io.IOException;
import java.io.InputStream;
import java.net.URL;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class TestServlet
 */
public class TestServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		URL url = new URL("http://www.iteye.com");
		InputStream is = url.openStream();
		byte[] b = new byte[is.available()];
		is.read(b);
		
		response.getOutputStream().write(b);
		is.close();
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}

}

在Servlet或者其他地方返回你要取得的文本流，就像这里的Javaeye一样。写入response流中，ajax就能取到了。
另外回答你的附加问题
ajax和webservice在本质上是完全不一样的东西。但是他们在不同语言的交互这点上，都用了文本流。这点是相同的

2 楼 longhua828 2010-05-08  

是啊,服务器转发下就行了

1 楼 rainsilence 2010-05-08  

呵呵，其实还有第三种方案
ajax->自己的服务器->URL.openStream(Java)，得到数据->写入outputstream->ajax.responseText

过一次服务器，就不怕跨域了。而且没有不同浏览器的障碍。