jsonp应用
来源:互联网 发布:机顶盒打开软件下载 编辑:程序博客网 时间:2024/06/06 11:35
服务器端数据源:
<?php
header('Content-type: application/json');//获取回调函数名
$jsoncallback= htmlspecialchars($_REQUEST['jsoncallback']);//json数据
$json_data='["customername1","customername2"]';//输出jsonp格式的数据
echo $jsoncallback."(". $json_data.")";
?>
<!DOCTYPE html>
<html><head>
<title>JSONP 实例</title>
<script src="jquery-1.7.2.min.js"></script>
<script>
$(function(){
$.getJSON("http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?",function(data){ //?jsoncallback=?这里如果没有的话,运行成功,但是会提示“已阻止跨源请求:同源策略禁止读取位于 http://www.runoob.com/try/ajax/jsonp.php 的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')。Line 0”这个错误。
var html = '<ul>';
for(var i = 0; i < data.length; i++)
{
html += '<li>' + data[i] + '</li>';
}
html += '</ul>';
$("#divCustomers").html(html);
});
});
</script>
</head>
<body>
<div id="divCustomers"></div>
</body>
</html>
或者是
<div id="divCustomers"></div> //必须放在js代码前面,否则找不到这个控件
//放在head中的JS代码会在页面加载完成之前就读取,而放在body中的JS代码,会在整个页面加载完成之后读取
<script type="text/javascript">
function callbackFunction(result, methodName)
{
var html = '<ul>';
for(var i = 0; i < result.length; i++)
{
html += '<li>' + result[i] + '</li>';
}
html += '</ul>';
document.getElementById('divCustomers').innerHTML = html;
}
</script>
<script type="text/javascript" src="http://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction"></script>
- jsonp应用
- JSONP 应用
- Jsonp asp.net的应用
- jsonp原理,应用场景,优缺点
- jsonp 跨域在angularjs 中的应用
- jsonp及json数据的应用
- 关于jsonp的实现和应用
- jsonp的原理,应用场景,优缺点
- JSONP
- jsonp
- JSONP
- jsonp
- jsonp
- JSONP
- jsonp
- Jsonp
- jsonp
- JSONP
- c语言执行shell命令
- dao层中的配置IBaseDao,所有的dao可以继承此类
- 并查集
- libsvm Guide
- Leetcode99: Combinations
- jsonp应用
- 利用SpannableStringBuilder设置TextView中部分文字的颜色
- sklearn preprocessing
- 一篇很全面的freemarker教程
- Xcode7真机调试iOS应用程序
- 关于应用第一次安装打开,点击home键,然后再点击图标打开时,重复打开页面问题
- Java学习资源
- mysql 学习---->数值计算、逻辑判断、范围选择、位运算
- java_web转发和重定向的区别