tp5+ajax 实现jsonp跨域

好久没更新博客了,今天加了会班,领导布置了一个需求,由于上线网站是编辑器开发的,这就需要混合开发了,需求模块有一个模块需要和我已经布置好阿里云的另一个域名交互开发,也就是说我用tp5框架搭建了A后台 需要和另一个域名的模块进行对接,我首先选择了ajax交互跨域到我A后台的方法里,注意 ajax的type 一定要看好,本人就进坑了,因为jsonp是get传参,所以A后台ajax方法接受一定要用get来,然后再tp5后台 返回success 用 return jsonp($data),前端ajax常规写就好了,今天用了jsonp之后,结合网站上的知识,简单总结一下吧:

1.跨域的安全限制都是对浏览器端来说的,服务器端是不存在跨域安全限制的。
2.浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。
浏览器的同源协议:
协议相同
域名相同
端口相同
如果协议,端口和主机对于两个页面是相同的,则两个页面具有相同的源,否则就是不同源的。

也就是混合开发中用到了一次,代码就不上了 大概意思就是jsonp这个方法 可以解决跨域问题

原文地址:http://blog.51cto.com/kangjunfei/2174458

时间: 2024-11-06 17:53:01

tp5+ajax 实现jsonp跨域的相关文章

笔记-Ajax[4]-JSONP跨域获取数据。

JS的跨域:跨域名获取数据,a域名获取b域名中的数据. 解决跨域获取数据的方法也叫JSONP(JSON and Padding) JSONP方法: 1:服务器代理:XMLHttpRequest代理文件 2:script标签:jsonp(常用);//利用script标签的src引入外部文件的功能,src能够引入任何的文件的类型 3:location.hash方式:iframe 4:window.name方式 5:flash方式 6:html5的postMessage方式 例子:百度输入数据下拉框提

ajax实现jsonp跨域接口

HTML页面代码: <script type="text/javascript"> function UrlSearch(){ var name,value; var str=location.href; //取得整个地址栏 var num=str.indexOf("?") str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ] var arr=str.split("

ajax之jsonp跨域请求

前端ajax请求代码 后台php处理代码

JQuery+ajax+jsonp 跨域访问

Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料. 关于Jsonp更详细的资料请参考http://baike.baidu.com/view/2131174.htm,下面给出例子: 一.客户端 Html代码   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.

原生JS封装Ajax插件(同域&amp;&amp;jsonp跨域)

抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的...简单说说思路,如有不正确的地方,还望指正^_^ 一.Ajax核心,创建XHR对象 Ajax技术的核心是XMLHttpRequest对象(简称XHR),IE5是第一款引入XHR对象的浏览器,而IE5中的XHR对象是通过MSXML库中的一个ActiveX对象实现的,因此在IE中可能有3个版本,即MSXML2.XMLHttp.

jquery ajax jsonp跨域调用实例代码

今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友 客户端代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApp.WebForm1" %><!DOCTYPE html P

关于AJAX请求的跨域问题以及JSONP的示例

一般情况下出于安全考虑,ajax是不能跨域请求的,只能请求本服务器的数据,即同源请求,但完事皆有可能,处于对开发的要求越来越复杂,跨域请求这种事情当然是可以解决的,下面即是转载自一位大佬的随笔 链接:https://www.cnblogs.com/caijunjun/p/6665317.html 看了上篇文章后,肯定是还有点晕的,毕竟介绍的比较多,但是讲的还是比较简单的,下面这篇文章则是一位大佬写的关于JSONP的跨域请求的示例 链接:http://blog.csdn.net/u01460718

前端 - jsonp 跨域ajax

jsonp 跨域ajax原理: 浏览器同源策略限制 如何解决同源策略限制: 方式一: 利用创建script块,在其中执行src属性为 远程url 异域 用函数(返回值) 的形式返回参数 方式二: jquery方式 异域 用函数(返回值) 的形式返回参数 HTML代码 {#html代码开始#} <input type="text" name="k3" value="123"> {#利用script块方式#} <input type

jsonp跨域ajax跨域get方法

原理: 就是利用<script >标签没有跨域限制的,从而达到与第三方网站通讯的目的.当需要通讯时,本站脚本创建一个<script>标签,src地址指向第三方网站的的一个网址.形如: <script src="http://www.abc.com/index.php/?param1=1&callback=fnName"></script> 本站并提供一个回调函数来接收数据(函数名可约定,或通过地址参数传递). 第三方网站产生的响应