美文网首页
jsonp解决跨域

jsonp解决跨域

作者: 破浪_ | 来源:发表于2017-01-18 18:12 被阅读0次

      前两天做了一个大数据的东西,接口后台已经写好了,我这边只需获取里面的数据然后放到页面中就行,当时使用ajax做的,放到电脑上的服务器器环境中一点事情没有,但是代码并不是要放在我自己电脑上,而是需要放在别人的电脑上 ,直接在本地打开,然后就华丽丽的报跨域了。然后百度了好长时间,在同事的帮助下终于给解决了。解决跨域其实有很多种方法,这里只介绍jsonp一种方法。

首先是js代码:

function zheXian(data){

         console.log(data)

}

声明一个函数 名字为zheXian 这里的参数data就是后台传过来的数据啦,然后下面是调用该函数;

<script language='javascript' src='http://admin.sghuitingche.com/api/hotli/todaycarcount.php?fn=zheXian'></script>

这里函数名是以参数fn=zhexian的形式传到后台,然后在php接口处接收就行。

$fn = $_GET['fn'];

然后再把函数名和数据一起返还来

echo "$fn($str)";

那这里$str就是我们需要的数据啦!

相关文章

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • 解决ajax跨域问题

    Jsonp解决ajax跨域问题 CORS解决ajax跨域问题

  • 浏览器跨域问题,教你手写实现jsonp跨域

    跨域概述为什么会有跨域跨域解决办法:1、jsonp;2、后台代理手写实现jsonp跨域(包括服务器端代码) 跨域问...

  • Jsonp解决跨域1

    Jsonp解决跨域1 1、jsonp如何解决跨域 前后端都需要改动 (1)前端:index.html代码如下: d...

  • 前端如何解决常见跨域问题

    跨域解决方案 1、 通过jsonp跨域 2、 document.domain + iframe跨域 3、 loca...

  • 跨域

    ??JSONP只能解决GET请求跨域,不能解决POST请求跨域问题,XHR2可以解决GET,POST方式的请求跨域...

  • 跨域

    跨域 什么是跨域: 解决跨域 通过jsonp原理:在页面引入跨域js和css时,没有存在跨域问题.因此可以动态创建...

  • 跨域解决方案

    跨域解决方案 跨域解决方案有:设置document.domain,使用带src标签,JSONP,navigatio...

  • Ajax跨域问题

    一、跨域问题 二、跨域的定义以及产生原因 三、解决思路 四、JSONP 五、跨域解决的方向 五、浏览器禁止检查

  • 跨域上传图片并预览

    跨域上传文件 之前解决跨域问题都是使用的JQuery的JSONP类型的Ajax请求,JSONP原理是让服务器把数据...

网友评论

      本文标题:jsonp解决跨域

      本文链接:https://www.haomeiwen.com/subject/uhrbbttx.html