使用JSONP的案列归纳
程序员文章站
2022-04-20 09:31:13
...
这次给大家带来使用JSONP的案列归纳,使用JSONP的注意事项有哪些,下面就是实战案例,一起来看一下。
json和JSONP这二者在开发中还是很常见的,此处JSON暂且不说。
一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准,这就是为什么要使用JSONP的原因(由于Web页面上调用js文件时则不受是否跨域的影响(不仅如此,我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力,比如<script>、<img>、<iframe>));
须知 ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容,而jsonp的核心则是动态添加<script>标签来调用服务器提供的js脚本。
private void GetTop10() throws IOException { String jsonCallback = _request.getParameter("jsonCallback"); String id = _request.getParameter("id"); String return_JSONP = top10Setup.ReadTop10(id ); return_JSONP = jsonCallback + "(" + return_JSONP + ");"; System.out.println( return_JSONP ); _response.getWriter().println( return_JSONP ); }
前端代码
function appendListOne() { $.jsonp({ 'contentType': "application/json; charset=utf-8", 'url': AjaxGetUrl, 'data': { dz_type: 'GetTop10', id: 17 }, 'dataType':"jsonp", 'callbackParameter':"jsonCallback", 'async':false, 'type': 'post', 'success': function (data) { console.warn( data ); $("#list1>tbody").empty(); var str=""; for(var key=0;key<data.dblist.length;key++){ var dd=data.dblist[key]; if(key <5){ str+='<tr><td><b class="ranking">' +(parseInt(key)+1)+ '</b><span class="name">'+dd.data_name+'</span></td>' + '<td> <span class="detail">'+dd.data_value+'.'+dd.data_value2+'.'+dd.data_value3+'.'+dd.data_value4 +'</span> </td> </tr>'; } } $("#list1>tbody").append(str); } }); }
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是使用JSONP的案列归纳的详细内容,更多请关注其它相关文章!
推荐阅读
-
MySQL使用select语句查询指定表中指定列(字段)的数据
-
MySQL使用select语句查询指定表中指定列(字段)的数据
-
多列复合索引的使用 绕过微软sql server的一个缺陷
-
使用SqlBulkCopy时应注意Sqlserver表中使用缺省值的列
-
多列复合索引的使用 绕过微软sql server的一个缺陷
-
SQL SERVER使用REPLACE将某一列字段中的某个值替换为其他的值
-
使用SqlBulkCopy时应注意Sqlserver表中使用缺省值的列
-
jQuery使用JSONP实现跨域获取数据的三种方法详解
-
使用DataFrame删除行和列的实例讲解
-
Excel使用函数在A列提取最后一个星号后的数字并在B列显示