- 浏览: 1682144 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1323)
- easyui学习 (21)
- jquery (51)
- css (21)
- js (103)
- html (19)
- java (95)
- 测试工具 (7)
- oracle (45)
- eclipse (9)
- spring (8)
- 开源框架 (111)
- struts (12)
- hsqlbd (2)
- h2database (2)
- maven (8)
- activiti (2)
- sql语句 (7)
- fmpp (1)
- apache (2)
- tomcat (6)
- jbpm (2)
- ant (20)
- mysql (10)
- 业务需求 (54)
- ralasafe (3)
- Quartz (4)
- mybatis (8)
- flex (6)
- html5 (16)
- apache工具 (4)
- hibernate (5)
- linux (109)
- powerdesigner (3)
- 报表 (1)
- log4j (2)
- junit (1)
- shiro (4)
- wap (3)
- php (28)
- mantis (1)
- poi (3)
- extjs (1)
- 安防 (34)
- 网络 (113)
- UltraEdit (1)
- 手机 (9)
- freemarker (19)
- jquery mobile (28)
- css3 (1)
- 微信 (9)
- nodejs (7)
- 项目管理 (14)
- 文档 (13)
- ibatis (22)
- ftp (3)
- spring MVC (9)
- groovy (2)
- AngularJS (19)
- nginx (15)
- 会计 (5)
- hive (1)
- 分布式 (8)
- 设计模式 (4)
- velocity (2)
- 爬虫 (2)
- git (1)
- thymeleaf (4)
- activemq (5)
- bootstrap (1)
- Spring Batch (1)
- memcache (20)
- ttserver (1)
- Jenkins (1)
- cxf (1)
- axure (2)
- 银行金融 (11)
- c语言 (2)
- 大数据 (4)
- drools (4)
- python (2)
- 交易所 (1)
- haproxy (1)
- dubbo (3)
- dos (3)
- 人力资源 (4)
- 支付 (1)
- Intellij IDEA (1)
- IPO (1)
- springboot (1)
- 质量管理 (7)
- svn (1)
- 其他 (8)
- 阿里云 (2)
- 多媒体设计 (2)
- 数据库 (4)
- wps (0)
最新评论
-
masuweng:
en
Native.js -
rmnjava:
我按照你的方法写的,不起作用啊
easyui验证的删除和恢复 -
rmnjava:
原地址打不开了呀
easyui验证的删除和恢复 -
sunteng:
sunteng 写道这是json 吗[{url:'aaa'}, ...
freemarker解析json数组 -
sunteng:
这是json 吗
freemarker解析json数组
我们在做项目的时候会出现访问其他网站的数据,即所谓的跨域访问数据。下面的代码是跨域访问数据的例子
<script type="text/javascript"> /*通过getJSON方法取域数据 var json_att = "http://api.flickr.com/services/feeds/photos_public.gne?tags=car&tagmode=any&format=json&jsoncallback=?"; $.getJSON(json_att,function(data){ $.each(data.items,function(i,item){ $("<img class='para'/>").attr("src",item.media.m).appendTo("#resText"); }) }); */ /**/var ajax_att = "http://api.flickr.com/services/feeds/photos_public.gne" $.ajax({ //type: "GET", //async:'false', contentType: "application/json; charset=utf-8", url: ajax_att, dataType:'jsonp', jsonp:'jsoncallback', data: {"tags":"car","tagmode":"any","format":"json"}, success: function(data){ $.each(data.items,function(i,item){ $("<img class='para'/>").attr("src",item.media.m).appendTo("#resText"); }) } }); </script>
注意后台放回代码的为:
String jsoncallback = Struts2Utils.getRequest().getParameter("jsoncallback"); Struts2Utils.getResponse().setContentType("application/html;charset=UTF-8"); JSONObject jobj = new JSONObject(); String jb = StrUtil.doNull(jsoncallback); String oi = StrUtil.doNull(objId); String ot = StrUtil.doNull(objType); String so = StrUtil.doNull(som).toUpperCase(); if(StrUtil.isEmptyWithTrim(oi)||StrUtil.isEmptyWithTrim(ot)){ jobj.put("flag", "false"); jobj.put("msg", "缺少必要的参数!!"); if(StrUtil.isEmptyWithTrim(jb)){ Struts2Utils.getResponse().getWriter().print(jobj.toString()); }else{ Struts2Utils.getResponse().getWriter().print(jb+"("+jobj.toString()+")"); } }
关键注意:
String jsoncallback = Struts2Utils.getRequest().getParameter("jsoncallback");
Struts2Utils.getResponse().getWriter().print(jb+"("+jobj.toString()+")");
不在同一个域时iframe的问题
protected String showOkDomain(Object msg)throws IOException{ JSONObject jvo = new JSONObject(); StringBuffer sb = new StringBuffer("<script>document.domain='test.com';</script>"); jvo.put("isok", "T"); jvo.put("msg", msg); sb.append(jvo); Struts2Utils.getResponse().setContentType("text/html;charset=UTF-8"); Struts2Utils.getResponse().getWriter().write(sb.toString()); return null; }
发表评论
-
js计算器效果
2017-01-20 12:54 337js计算器效果 -
比较简单的判断日期大小的方式
2016-12-12 19:33 447比较简单的一种方式 function chectRa ... -
accounting.js
2016-11-02 11:37 687accounting.js 是一个非常小的JavaScri ... -
jquery-resizable-columns
2016-09-20 20:27 486js的拖动插件 https://github.co ... -
KnockoutJS
2016-05-31 15:01 336官网:http://knockoutjs.com/index ... -
jsonschema
2016-05-13 17:29 386jsonschema是描述你的JSON数据格式;JSON模式 ... -
foundation
2016-05-13 15:56 324官网:http://foundation.zurb.com/ ... -
web跨终端开发流程
2016-05-13 15:15 763解决方案: 1.响应式 2.多站点 不同的终端用不同 ... -
浏览器分级支持 GBS
2016-05-13 14:56 470GBS 是 YUI 团队提出的应对日益增长的浏览器兼容问题 ... -
WEB页面开发34条军规 YAHOO
2016-05-13 13:59 375https://developer.yahoo. ... -
JavaScript异步编程的Promise模式
2016-05-12 17:02 318promise,它代表了一种可能会长时间运行而且不一定必须 ... -
KISSY
2016-05-12 16:18 393官网:https://github.com/kissytea ... -
js代码模块化目的
2016-05-12 15:40 584模块化的目标是:1.代码单元冠以命名,增强代码段的辨识度2.建 ... -
js去掉前后空格
2016-05-06 19:52 303var whitespace = /(^[\s\t\xa0\ ... -
舍去法截取一个小数
2015-10-23 14:29 531/** * 舍去法截取一个小数 * @param f ... -
D3.JS.
2015-10-15 13:28 878D3 是最流行的可视化库之一,它被很多其他的表格插件所使用 ... -
jsmin
2015-08-19 10:10 318JSMin 是一款JavaScript痩身工具。用于从Ja ... -
复选框全选、设置值
2015-08-10 13:19 705功能包括,全选、反全选 给隐藏域设置值 有时间了可以写成 ... -
React
2015-07-23 10:02 620官网教程:http://facebook.github.io ... -
Juicer
2015-07-23 09:58 566Juicer 是一个高效、轻量的前端 (Javascript ...
相关推荐
跨域访问数据是Web开发中的一个关键概念,特别是在构建分布式应用程序和API接口时。这个"跨域访问数据-DEMO"可能是一个示例项目,旨在演示如何在浏览器环境中跨越源限制,即同源策略,来获取JSON或XML数据。下面我们...
根据提供的文件信息,本文将详细解释“JS跨域访问后台”的相关知识点,包括跨域的基本概念、实现方式以及具体的代码示例。 ### 跨域基本概念 在浏览器中,为了安全考虑,存在一种称为“同源策略”的机制。简单来说...
JS 跨域访问解决方案总结 JS 跨域访问解决方案总结是指在不同域名站点之间进行资源访问的解决方案。默认情况下,脚本访问文档属性等数据采用的是同源策略(Same origin policy),即如果两个页面的协议、域名和端口...
在跨域访问中,JSON通常作为数据传输的载体,因为它可以被JavaScript轻松处理。 jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在处理跨域请求时,jQuery提供了$.ajax...
"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制,使得在JSP页面中嵌入的跨域IFrame能够正常通信。下面我们将详细探讨这个问题以及可能的解决方案。 首先,理解同源策略是关键。同源策略是...
JavaScript跨域访问解决方案 在Web开发中,JavaScript的同源策略是浏览器为了保障用户安全而实施的一项重要机制。它限制了脚本只能访问与当前页面具有相同协议(如http或https)、主机名和端口号的资源。然而,在...
### JS解决跨域访问问题详解 #### 一、引言 在现代Web开发中,跨域访问问题是开发者经常面临的一个挑战。特别是在使用JavaScript进行前后端交互时,由于浏览器的同源策略限制,开发者经常会遇到跨域问题。本文将...
JavaScript跨域访问解决方案 在Web开发中,由于浏览器的安全策略——同源策略(Same Origin Policy),不同源的脚本之间无法直接通信或访问彼此的资源。同源策略规定,只有当两个URL的协议、域名和端口都相同时,...
JavaScript跨域访问解决方案 在Web开发中,由于同源策略的限制,JavaScript通常只能与同一协议、域名和端口的服务器进行通信。然而,随着Web应用程序的复杂性和交互性增加,跨域请求变得越来越普遍,比如加载外部...
跨域问题通常在 JavaScript 中是个常见的安全限制,浏览器不允许脚本从一个源(域名、协议或端口)请求另一个源的资源,以防止恶意网站通过脚本读取其他网站的数据。在 PDF.js 原版中,如果 PDF 文件存储在与网页...
在IE浏览器中,对于跨域访问的处理是弹出警告框,提醒用户。如果用户将该网站纳入可信任网站,或者调低安全级别,那么这个问题IE就不会再提醒你。在FireFox浏览器中,对于跨域访问的处理是直接拒绝访问。 使用ASP...
服务器通过设置Access-Control-Allow-Origin响应头,允许特定或所有来源的请求进行跨域访问。CORS支持多种HTTP方法,包括GET、POST、PUT等,并可以处理响应头和状态码,提供更全面的控制。 4. Ajax与XMLHttpRequest...
JavaScript跨域获取数据是Web开发中的一个重要概念,由于浏览器的安全策略,JavaScript通常被限制在同一源策略下运行,这意味着它不能直接请求与当前页面不同源(协议、域名或端口)的资源。为了解决这个问题,...
文章标题“服务器端用可控js跨域访问”与描述中的重复内容,实际上指出了一个关键的技术点:如何在不违反同源策略的情况下,使用JavaScript进行跨域数据请求。 ### 同源策略 同源策略(Same-origin policy)是...
标题“javascript/jquery 跨域访问”指的是如何利用JavaScript和jQuery库克服浏览器的同源策略限制,实现在不同源之间进行数据交互。以下是对这一主题的详细阐述: 1. **同源策略**:同源策略是浏览器实施的一项...
JavaScript跨域问题主要源于浏览器的同源策略,这是一种安全机制,用于防止恶意脚本通过一个网站获取另一个网站的数据,从而保护用户信息安全。当一个网页尝试使用Ajax(Asynchronous JavaScript and XML,异步...
在IT领域,尤其是在Web开发中,跨域访问是一个常见的问题,因为浏览器的同源策略(Same-Origin Policy)限制了JavaScript从一个源获取资源到另一个源的能力。为了在不同软件系统间实现跨域通信,开发者需要采取一些...