ajax 跨域取数据 -

xw_qixia

浏览: 20810 次
性别:
来自: 广州

最近访客更多访客>>

anLA_

beijishiqidu

becking

念_伊然

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

ajax 跨域取数据

Ajax hprose jQuery IE 浏览器

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

背景： 项目中要显示股票指数数据，由于咱们当前系统中没有这些数据，所以只能通过跨域去取数据。由于指数数据是实时数据，初定方案是通过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);
  }

   以上是我的总结。。呵呵   。热烈欢迎踊跃提意见啊。！

分享到：

jdbc 小封装

2010-05-04 17:47
浏览 1475
评论(19)
论坛回复 / 浏览 (19 / 15780)
分类:Web前端
查看更多

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 所以的新版本浏览器都支持的

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">
现在已经有flash和Ajax实现的跨越访问的框架了，又何苦自己写，又不兼容呢？ 而且jquery 1.2以后就有对jsonp的支持啦！
<pre name="code" class="js">$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
 $("<img/>").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>
 
 
这样怎么实现post提交form参数? 
 
不是所有ws都支持get和post的
 
还是在服务器端做个代理比较合理
 
现好这2天也在折腾这个
 
尝试成功通过
apache的httpclient实现post提交
urlconnection.open实现soap提交
都是基于http的
 
基于rpc的连接还没试过, 还有tcpip跟rpc, http之间的联系都还在估摸ing

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

现在已经有flash和Ajax实现的跨越访问的框架了，又何苦自己写，又不兼容呢？ 而且jquery 1.2以后就有对jsonp的支持啦！
<pre name="code" class="js">$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(data){
$.each(data.items, function(i,item){
 $("<img/>").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

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

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ajax 跨域取数据

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

ajax 跨域取数据

评论

发表评论

相关推荐

最近访客更多访客>>