`
fqjho71j
  • 浏览: 15683 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

AJAX 跨域总结

 
阅读更多

AJAX 跨域总结
2010年12月23日
  AJAX的使用方面:使用ajax的跨域访问的问题,经过任务提醒项目后,总结出以下五种方式:
  i.          使用Jquery来加载javascript的方式:如,         jQuery.ajax({           type: "GET",           timeout:this.ajaxRequestTimeout,           url: this.userTaskIsReadUrl,           dataType: "script",           cache:false,           async:true,           global:false,           success:function(){}           } });           注:此方法需要远程url返回的是js代码,我理解的是,她它原理是将远程的js代码加载到本页来执行,而非直接访问远程数据,所以不存在跨域问题,不过至于参数type: "GET",这个用get和用post会有什么不同,分别能起到什么作用,还不是很理解。                ii.          采用iframe方式:如, 假如我需要在activePage.html页面使用跨域访问,那先新建一个静态页ajaxproxy.html,在此页面里写ajax方法,然后再在activePage.html页中将ajaxproxy.html页面通过iframe方式引进来 iframe的ID为iframeId,然后在页面使用代码 var proxy=document.getElementById('iframeId').contentW indow;使用变量proxy就可以操作ajaxproxy.html里面的ajax函数了,实现了跨域,但貌似ajaxproxy.html文件必须和要跨的域在同一域下。               iii.          采用java的方式,在本地新建一个jsp文件,在jsp文件里面采用readURl的方式去访问远程url,然后在需要跨域的页面里采用ajax调用本地的这个jsp即可实现跨域。
  iv.          貌似添加js代码:document.domain = "duowan.com";可以实现一级域名下面的子域名间跨域。
  v.          还有一种方法和第一种方法一样,只不过动态加载js是要自己写,而不是采用jquery,拷贝老大的代码如下:   function dynamicLoadScript(scriptUrl,onloadFunction){        var scriptBlock  = document.createElement("script");        scriptBlock.src = scriptUrl; scriptBlock.type = "text/javascript";        scriptBlock.language = "javascript";        if(onloadFunction && isIEBrowser()){               scriptBlock.onreadystatechange = function(){                 if(scriptBlock.readyState=='loaded') onloadFunction();          };        }else if(onloadFunction){               scriptBlock.onload = function(){onloadFunction();};} document.getElementsByTagName("head")[0].appendChi ld(scriptBlock); return scriptBlock;}
分享到:
评论

相关推荐

    ajax跨域调用webservice的实现代码

    主要介绍了 ajax跨域调用webservice服务例子和理解,最近ajax访问webservice遇到跨域的问题,网上搜索资料,总结如下

    Python的Django应用程序解决AJAX跨域访问问题的方法

    针对Django中在编写供AJAX调用的API时碰到的跨域问题,我们来总结下Python的Django应用程序解决AJAX跨域访问问题的方法,其中使用GitHub上开源分享的django-cors-headers尤其推荐

    深入浅析Jsonp解决ajax跨域问题

    最近跨域问题比较多,而且自己刚好也看到这一块,就总结了一下,关于JSONP的东西百度的话东西确实很多,很多人都是复制别人的,如此下去,其实找的资料就那么几份,关键是我还看不懂,可能是能力问题吧,自己经过很...

    Jquery实现跨域异步上传文件总结

    这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的浏览器来说,...

    详解JavaScript跨域总结与解决办法

    但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下: 首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,a.com 域名下的js无法操作b.com或是c....

    Ajax和Comet技术总结

    Ajax是一种技术,一种能够向服务器请求额外的数据而无需卸载页面的技术,能够使网页具备更优的用户...本文从XHR开始谈起,理解Ajax技术的特点,再对跨域以及Comet等技术进行简要理解和总结。下面跟着小编一起来看下吧

    Ajax学习总结

    简单介绍Ajax的作用及使用方法;包含一个示例(视频教程网址);扩展介绍了相关的JSON、jQuery、跨域问题;包含几个学习网址。

    js中各种跨域问题实战小结

    这里更加细致详细的总结了为什么要跨域:javascript跨域之什么是跨域?为什么跨域?于是当我们想某些特定的功能的时候,实现合理的跨域请求就显得比较重要了。我努力通过自己动手,自己模拟环境来切实的尝试跨域是...

    Javascript 跨域知识详细介绍

    JS跨域知识总结: 在“跨域”一词经常性地出现以前,我们其实已经频繁地使用它了。如在A网站的img,src指向B网站的某一图片地址,毫无疑问,这在通常情况下都是能正常显示的(且不论防盗链技术);同样,可以使...

    AJAX学习专题.md

    是我在学习时对ajax知识的一个总结,挺全面的,大家一起学习共同进步

    老生常谈的跨域处理

    摘要:跨域问题,无论是面试还是平时的工作中,都会遇到,本文总结处理跨域问题的几种方法以及其原理,也让自己搞懂这方面的知识,走起。 什么是跨域 在JavaScript中,有一个很重要的安全性限制,被称为“Same-...

    jQuery 获取跨域XML(RSS)数据的相关总结分析

    前段时间项目,需要前端JS获取跨域XML(RSS),最先打算使用jQuery.ajax方法获取,但是在ie9以下,提示“拒绝访问的” 略尴尬,网上查找了相关资料总结了以下几种方法: 一、google的jGFeed:相信很多同学对这个应该不陌生...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    上述内容总结 css选择器 css的存在形式及优先级 css边框以及其他常用样式 css之float样式 css之float实现作业实例 css之display样式 css之内外边距 本周作业以及思路 第15周 上节内容答疑 上节内容回顾 CSS内容...

    跨浏览器的设置innerHTML方法

    问题总结如下: 在各种浏览器上的创建方式和使用方法不一致 各个浏览器对响应的缓存策略有所不同 浏览器存在跨域获取限制 前两个问题可以通过封装 XMLHTTPRequest 对象来解决,第三个问题的解决方法有很多中,...

    jQuery+formdata实现上传进度特效遇到的问题

    2. XMLHTTPREQUEST(XHR)跨域 问题解答 1. JQUERY没有给出ONPROGRESS事件的接口,必须从其他接口中找到原生XHR对象。 jQuery.ajax()返回的是jqXHR对象。jqXHR模仿XHR(原生),但没有模仿实现XHR的所有方法和属性(如:....

    ASP.NET4高级程序设计(第4版) 3/3

    此外,《ASP.NET 4高级程序设计(第4版)》专门提供了两章的内容来教你如何用Ajax 技术制作快速响应的页面,以及如何使用微软的ASP.NETAJAX平台。另外,还专门介绍了ASP.NET4 新增的功能,如MVC 和动态数据等。  ...

    ASP.NET4高级程序设计第4版 带目录PDF 分卷压缩包 part1

    此外,《ASP.NET 4高级程序设计(第4版)》专门提供了两章的内容来教你如何用Ajax 技术制作快速响应的页面,以及如何使用微软的ASP.NETAJAX平台。另外,还专门介绍了ASP.NET4 新增的功能,如MVC 和动态数据等。  ...

Global site tag (gtag.js) - Google Analytics