JQuery jsonp调用

最新推荐文章于 2023-04-15 09:34:36 发布
最新推荐文章于 2023-04-15 09:34:36 发布
阅读量569 收藏
点赞数
分类专栏： JavaScript 文章标签： jquery jsonp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/just4you/article/details/52837138
版权

服务器端

服务器端要返回一个字符串给js调用


@RequestMapping(value="/cb")
@ResponseBody
public JSONObject returnCallback(HttpServletRequest request){
    String cb = request.getParameter("callback");

    JSONObject json = new JSONObject();
    json.put("success",cb);
    return json;
}

HTML页面

页面发送请求并处理返回的结果

<html>
 <head>
  <title> new document </title>
  <script src="jquery-1.7.2.min.js"></script>
  <script>
    function getJsonUtf8(url,data,callbackFn){
        $.ajax({
            dataType:"jsonp",
            url:url,
            data:data,
            jsonp:"callback",//callback为关键字
            async:true,
            contentType:"application/jsonp;charset=utf-8",
            success:function(json){
                if(json){
                    callbackFn&&callbackFn(json);
                }else{
                }
            },
            error:function(err){

            }
        });
    }

$(function(){
    var url = '远程url';
    getJsonUtf8(url,{},function(res){
        alert(res);
    });
});
  </script>
 </head>
 <body>
 </body>
</html>
just4you
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中jsonp的原理
一只大海
02-27 714
在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的，即一般的 ajax是不能进行跨域请求的。但 img、iframe 、script等标签是个例外，这些标签可以通过 src属性请求到其他服务器上的数据。利用 script标签的开放策略，我们可以实现跨域请求数据，当然这需要服务器端的配合。 Jquery中ajax 的核心是通过 XmlHttpRequest获取非本页内容，而jsonp...
jQuery封装jsonp
weixin_43750162的博客
08-16 241
对于经常用jQuery的开发者来说，能注意到jQuery封装的$.ajax中有一个dataType属性，如果将该属性设置成dataType:“jsonp”，就能实现JSONP跨域了。 如下是封装的方法： html页面代码 <!DOCTYPE html> <html>  <head>   <meta charset="UTF-8...
jquery中ajax调用json数据的使用说明
04-15 2692
这里将随机显示一条json数据到目前为止我们总结了jQuery.ajax的五种简写方法，接下来让我们集中精神，看看jQuery.ajax()方法，在使用中，笔者也是经常使用的jQuery.ajax()，因为大多数情况，我们需要对ajax请求出错的情况进行捕捉并处理。jQuery Ajax在web应用开发中很常用，它主要包括有ajax，get，post，load，getscript等等这几种常用无刷新操作方法，处理复杂的ajax请求时，jQuery使用jQuery.ajax()方法进行处理。
JQuery前端如何操作JSON
hdxx2022的博客
03-11 858
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。
JQuery前端操作JSON
xiaoweids的博客
07-19 2288
通过上面这个表达式，就完成了将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，名称为“json”，通过“json.”或者“json[]”的方式便可进行数据访问。通过上面的计算，也可以将服务器端响应给客户端的Json格式的字符串解析成了一个Json（格式的）对象，但是该对象名称为“r”，通过“r.”或者“r[]”的方式可进行数据访问。4.对象和数组可以互相嵌套，即数组中的一个元素可以是一个对象也可以是一个数组，同理对象中的一个属性的值可以是一个对象也可以是一个数组。...
jQuery调用json文件
liqiyu2014的博客
03-22 1237
jQuery调用json
Jquery如何发送Ajax请求
qq_45991659的博客
10-07 2061
1、首先可以使用$.get()方法，这是发送一个get请求的ajax。 function get(){ $.get("action.php",function(){ }) } 2、可以使用getJSON方法，这是发送get请求，但返回的结果是一个json格式的数据 function get(){ $.get("action.php",function(){ }) $.getJson("action.json",function(data){ }) } 3、要返回一个s
JQuery jsonp 使用示例代码
12-11
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了`<script>`标签可以跨域请求资源的特性，将JSON数据包裹在一个JavaScript函数调用中返回，从而实现跨域获取数据的目的。在jQuery中，JSONP是通过`$.ajax...
jquery ajax jsonp跨域调用实例代码
10-26
今天研究了AJAX使用JSONP进行跨域调用的方法，发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下，方便需要的朋友
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
10-26
jQuery-JSONP是一个支持 JSONP 调用的 jQuery 插件，使用它是因为它支持出错时的 ajax 回调，而 jQuery 的 $.ajax 不支持，我们已经在实际项目中使用，在开始使用时遇到了2个问题，在这里记录并分享一下。
原生js jquery ajax请求以及jsonp的调用方法
12-12
JSONP（JSON with Padding）是一种跨域数据交互协议，它的基本思想是利用`<script>`标签可以跨域加载资源的特点，通过动态创建`<script>`标签，将回调函数名称和要请求的数据作为参数拼接成一个JS脚本，服务器返回这...
jQuery如何实现jsonp调用
chizhe3380的博客
07-30 1211
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht...
jquery使用jsonp进行跨域调用
热门推荐
游响云停专栏
02-19 3万+
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程，这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用                  首先介绍下$.ajax的参数                    type：请求方式 GET/POST                    url:请求地址                    async:布尔
jQuery - 使用JSONP实现跨域请求
般若
11-14 2万+
实现跨域请求的常用方式 1、跨域请求只针对浏览器，而不针对服务端，因此可以先请求同源的服务端，然后由该服务端发出跨域请求，得到数据后再返回给浏览器。 2、在服务端程序的响应头信息中添加Access-Control-Allow-Origin相关信息。 3、使用&amp;amp;amp;amp;lt;script&amp;amp;amp;amp;gt;来完成跨域请求，因为在页面上引入不同域上的js脚本是可以的，就像可以在页面上使用&amp;amp;amp;amp;lt;img&a
jQuery发送JSONP调用
weixin_33811539的博客
12-16 130
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery调用jsonp接口
qq_35285268的博客
07-26 376
if($type=='jsonp'){      $sel=$pdo->query("select * from zhoukao1 where biao like '%$title%'")->fetchAll();      $str=json_encode($sel);      $callback=$_GET['callback'];      echo $callback."(".$
jquery怎么操作json
ld17822307870的博客
01-28 279
jquery操作json的方法：1、使用【jquery中的$.parseJSON()】方法；2、使用js中eval来强转；3、使用浏览器自带的【JSON.parse()】方法。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 推荐：jquery视频教程 jquery操作json的方法： 第一种方法：使用jquery中的$.parseJSON(),但是它对json数据格式的要求较高，必须要双引号包围起来 1 2 3 4 5 6 7 8 9 10 11 12 13
Jquery调用从ashx文件返回的jsonp格式的数据处理实例
xqf222的专栏
03-06 1万+
开发环境：vs2010+jquery-1.4.min.js解决问题：网上代码比较少，好多调试不同，返回数据不用json而用jsonp主要考虑解决跨域问题开发步骤：打开VS2010，新建一web站点，保存位置选择D:\Website1;添加新项,选择一般处理程序，命名cmdHandler.ashx;添加新项，选择HTML页，命名为testAshx.htm;网上下载jquery-1.4.min.js拷
jsonp 跨域跳转
最新发布
12-25
jsonp（JSON with Padding）是一种解决跨域数据交换的方法。它通过动态创建`<script>`标签来实现跨域请求，并通过回调函数的方式获取数据。...jquery会动态加载并调用这个js标签，从而实现跨域数据交换的目的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值