jsonp和CORS跨域实现

一、jsonp，使用jquery封装的$.ajax，返回数据类型要设置为jsonp

示例：

$.ajax({type: 'get',contentType: "application/json; charset=utf-8",url: "http://localhost:8080/aqi/getCityList.php",dataType: 'jsonp',< /span>
jsonp: "callback",/ / 传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为: callback)jsonpCallback: "success_jsonpCallback", //自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名</span>success: function(json) {getCityListSuccess(json);},error: function(data, textStatus, errorThrown) {console.log("error" + ' ' + JSON.stringify(data) + textStatus + errorThrown);}
});或者使用
$.getJson, 在调用的url添加 & callback = ? $.getJSON("http://localhost:8080/aqi/getDetailsByTimepointAndCityId.php?callback=?", {"time_point": time_point,"city_id": city_id
}, function(json) {$('#radar-dialog').css("display", "block");$('#radar-dialog').dialog({title: radar_cityname + "市," + timepoint,width: 350,});formatRadarData(json);
});

PHP端的代码为：

<?php
header("Content-Type: text/html;charset=utf-8");$db_name="aqidata.db";
$conn = new sqlite3($db_name);
$callback = $_GET['callback'];
$resultarray=array();$sql = "select * from 'city' where 1=1 order by id";$result = $conn->query($sql);$i=0;while ($row = $result->fetchArray(SQLITE3_ASSOC)) {$resultarray[$i]=$row;
$i++;}
echo $callback.'('.json_encode($resultarray).')';
?>

注意：1、ajax中要指定jsonp参数，然后后端要把回调函数名称写入到返回值中。

我参考的博文是：http://www.cnblogs.com/xcxc/p/3729660.html

二、用CORS（Cross-Origin Resource Sharing）,这个官方草案。

就是在后端代码（php）加入：

header("Access-Control-Allow-Origin:*");

转载于:https://www.cnblogs.com/ziyoublog/p/10774505.html

jsonp和CORS跨域实现相关推荐

php cors和jsonp,jsonp和CORS跨域实现
搜索热词写js时总是会遇到跨域请求的问题,现在了解了两种方法,记录之: 1)jsonp,使用jquery封装的$.ajax,返回数据类型要设置为jsonp,示例: $.ajax({ type: 'g ...
【综合】JS跨域方案JSONP与CORS跨域
缘由: 因为浏览器的同源策略,即是浏览器之间要隔离不同域的内容,禁止互相操作,提高安全性. 为何要跨域: 有时候你想通过自己的网站去获取另一个自己的网站的一些资料信息,但是由于两者域名不同,所以就被同 ...
Web API 实现JSONP或者安装配置Cors跨域
前言照理来说本节也应该讲Web API原理,目前已经探讨完了比较底层的Web API消息处理管道以及Web Host寄宿管道,接下来应该要触及控制器.Action方法,以及过滤器.模型绑定等等,想想 ...
php csrf jsonp,读取型CSRF（JSONP劫持、CORS跨域资源读取、Flash跨域劫持）
我们只熟悉写入型csrf,像修改用户信息--今天介绍一下读取型CSRF,使用DoraBox这个靶场来演示一波! 地址:https://github.com/Acmesec/DoraBox JSONP劫 ...
cors跨域资源共享】同源策略和jsonp
在执行下面那段代码的时候,我遇到了一个跨域资源共享的问题 <!doctype html> <html> <head> <meta charset=" ...
JSONP实现Ajax跨域请求
前言由于浏览器存在同源策略的机制,所谓同源策略就是阻止从一个源(域名,包括同一个根域名下的不同二级域名)加载的文档或者脚本获取/或者设置另一个源加载的文档属性. 但比较特别的是:由于同源策略是浏览器 ...
CORS 跨域实现思路及相关解决方案(转：http://www.cnblogs.com/sloong/p/cors.html)
本篇包括以下内容: CORS 定义 CORS 对比 JSONP CORS,BROWSER支持情况主要用途 Ajax请求跨域资源的异常 CORS 实现思路安全说明 CORS 几种解决方案自定义CO ...
python flask跨域_Flask配置Cors跨域的实现
1 跨域的理解跨域是指:浏览器A从服务器B获取的静态资源,包括Html.Css.Js,然后在Js中通过Ajax访问C服务器的静态资源或请求.即:浏览器A从B服务器拿的资源,资源中想访问服务器C的资源 ...
cors跨域_Spring Boot 中通过 CORS 解决跨域问题
(给ImportNew加星标,提高Java技能) 转自:江南一点雨今天和小伙伴们来聊一聊通过CORS解决跨域问题. 同源策略很多人对跨域有一种误解,以为这是前端的事,和后端没关系,其实不是这样的, ...

jsonp和CORS跨域实现

一、jsonp，使用jquery封装的$.ajax，返回数据类型要设置为jsonp

jsonp和CORS跨域实现相关推荐

最新文章

热门文章