为了账号安全,请及时绑定邮箱和手机立即绑定

不用自定义的xhr提交get请求,如何处理服务器返回的数据?

不用自定义的xhr提交get请求,如何处理服务器返回的数据?

慕田峪9158850 2018-11-14 13:15:22
前提:服务器已经能处理这个get请求,并且能返回所需求的数据。请问:如果在html页面中用这段代码来向服务器提出get请求:<a href="/data" id="a_click">请求一些数据</a>那么get请求发出后,我如何在数据传回的第一时间,获取、处理服务器传回的数据?(ps:也就是说我这里不用JavaScript的通过创建xhr对象的方法来提交get请求,而是用a标签来提交)前端小白,大神勿喷,thankyou!
查看完整描述

1 回答

?
冉冉说

TA贡献1877条经验 获得超1个赞

类似于jsonp的方法,只不过jsonp主要用于实现跨域调用。

上班期间上来逛逛,时间仓促,没有部署服务器的部分。

原理就是使用script标签,src属性设置接口地址,让服务器组装好数据,并返回JavaScript代码片段即可。

index.html

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<script>

function test(data) {

    console.log(data);

}

</script>

<script src="./getData?callback=test"></script>

</body>

</html>

服务端返回数据

(function(callback) {

    var someData = {a: 1, b:2};

    callback(someData);

})(test);

结果https://img1.sycdn.imooc.com//5c0a1a3e000156cb05080089.jpg

查看完整回答
反对 回复 2018-12-07
  • 1 回答
  • 0 关注
  • 446 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号