写一个jsonp的实例来实现跨域

//回调函数名

var cb=‘jsonp_cb_’+fnSuffix;

// 将data转化成url字符串的形式

var param=url.indexOf(‘?’)==-1?‘?’:‘&’;

for(var key in data){

param+=key+‘=’+data[key]+‘&’;

}

//将需要回调的函数名传到后台

param+=‘cb=’+‘jsonp_cb.’+cb;

//创建一个script的标签

var scriptElement=document.createElement(‘script’);

//设置src

scriptElement.src=url+param;

//将script标签放到页面中

var head = document.getElementsByTagName(‘head’);

var scriptContainer = head ? head[0] : document.body;

scriptContainer.appendChild(scriptElement);

window[‘jsonp_cb’]={};

//创建回调函数

window[‘jsonp_cb’][cb] = function(res){

//调用回调函数

callback(res);

delete window[‘jsonp_cb’][cb];

//将此script元素删除

scriptContainer.removeChild(scriptElement);

}

}

function do_jsonp(){

var url=“http://192.168.56.1:8080/yszdServer/entry?method=test_jsonp”;

var data={‘a’:1,b:‘2’};

_doJsonP(url,data,function(text){

document.getElementById(“txt”).innerText=JSON.stringify(text);

});

}

后台java代码:

protected void doGet(HttpServletR 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 equest req, HttpServletResponse resp)

throws ServletException, IOException {

resp.setContentType(“text/html;charset=utf-8”);

resp.addHeader(“Access-Control-Allow-Origin”, “*”);

req.setCharacterEncoding(“utf-8”);

resp.setCharacterEncoding(“utf-8”);

String dataString = “”;

String callback = (String)req.getParameter(“cb”);

String a = (String)req.getParameter(“a”);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值