jsonp使用jquery封装后调用（跨域请求）

清疚 2022-12-09 02:46 170阅读 0赞

在请求端

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>JSONP测试</title>
    <script type="text/javascript" src="http://manage.jt.com/js/jquery-easyui-1.4.1/jquery.min.js"></script>
    <script type="text/javascript"> $(function(){ alert("测试访问开始!!!!!") $.ajax({ url:"http://manage.jt.com/web/testJSONP", type:"get", //jsonp只能支持get请求 dataType:"jsonp", //dataType表示返回值类型 jsonp: "callback", //指定参数名称 jsonpCallback: "hello", //指定回调函数名称 success:function (data){ //data经过jQuery封装返回就是json串 alert(data.id); alert(data.name); //转化为字符串使用 //var obj = eval("("+data+")"); //alert(obj.name); } }); }) </script>
    </head>
    <body>
    	<h1>JSON跨域请求测试</h1>
    </body>
    </html>

package com.jt.web.controller;
    
    import com.fasterxml.jackson.databind.util.JSONPObject;
    import com.jt.pojo.ItemDesc;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    @RestController
    public class JSONPController {
    
    	@RequestMapping("/web/testJson")
    	public JSONPObject jsonp( String callbak){
    	//需要将回调的函数名传过来
    		ItemDesc itemDesc = new ItemDesc();
    		itemDesc.setItemId(100L).setItemDesc("测试");
    		return new JSONPObject(callbak, itemDesc );
    		//返回的时候也需要将函数名返回回去
    		//用于指定返回后的数据由哪个函数进行处理
    		
    	}
    
    
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

还没有评论，来说两句吧...

相关阅读

相关 jsonp使用jquery封装后调用（跨域请求）

在请求端 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS

清疚/ 2022年12月09日 02:46/ 0 赞/ 171 阅读

相关 JsonP跨域请求

我们在通过自己的页面或程序通过ajax请求其它网站或服务时，会存在一个ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是

Love The Way You Lie/ 2022年09月24日 14:28/ 0 赞/ 351 阅读

相关 ajax jsonp跨域访问,跨域请求之jQuery的ajax jsonp的使用解惑

直接执行了error方法提示错误——ajax jsonp之前并没有用过，对其的理解为跟普通的ajax请求差不多，没有深入了解；出现了这种错误，几经调试(检查后台的代码和js部分

柔情只为你懂/ 2022年09月03日 06:18/ 0 赞/ 228 阅读

相关 jquery jsonp跨域请求

<form id="form" action="\" method="post"> <ul> <li><label>标题：</label><inp

太过爱你忘了你带给我的痛/ 2022年08月23日 05:38/ 0 赞/ 249 阅读

相关 jsonp跨域调用

客户端： <script type="text/javascript"> function jsonpCallback(result)\{

小鱼儿/ 2022年07月24日 04:09/ 0 赞/ 299 阅读

相关封装jsonp跨域请求

(function(window,document,undefined){ // url = http://ssss?dsf=sdfs&

以你之姓@/ 2022年06月11日 03:52/ 0 赞/ 283 阅读

相关 JSONP跨域请求

第一次听说JSONP跨域请求还是去年刚入职实习的时候，也借那个机会在网上好好了解了下用法，但是对于其如何实现还是不太明白。昨天一同事问我当时对JSONP的使用情况，突然发现一年

矫情吗；*/ 2022年06月03日 08:00/ 0 赞/ 325 阅读

相关 jquery(jsonp) 跨域请求

测试jquery跨域记录：前台： <script type="text/javascript" src="<{$Think.const.WWW_URL}>

╰+攻爆jí腚メ/ 2022年05月28日 08:43/ 0 赞/ 329 阅读

相关 jQuery jsonp跨域请求

跨域的安全限制都是对浏览器端来说的，服务器端是不存在跨域安全限制的。浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。如果协议，端口和主机对于两

曾经终败给现在/ 2022年05月21日 12:53/ 0 赞/ 405 阅读

相关 jQuery jsonp跨域请求原理

转载自：[https://www.cnblogs.com/chiangchou/p/jsonp.html][https_www.cnblogs.com_chiangchou_p

Bertha 。/ 2021年09月18日 03:28/ 0 赞/ 524 阅读