[北京|结业弟子]JS-张坤|2016年05月05日的日报-技能树.IT修真院

发表于： 2016-05-06 10:33:17

1 2086

1 今天完成的事情

学习了jsonp跨域

2 明天计划的事情

继续根据后台接口调试

3 遇到的问题

jsonp跨域方法：

前端创建script标记，设置src，添加到head中（你可以往body中添加）
后台返回一个js变量jsonp，这个jsonp就是请求后的JSON数据
回调完成后删除script标记（还有一些清理工作如避免部分浏览器内存泄露等）

接口

Sjax.load(
    url, // 跨越请求的URL
    success,  // 回调函数，必须定义一个形参，用于接收后台返回的全局变量jsonp （约定后台返回如jsonp = {...}结构）
    timestamp, // 传true会加一个时间戳，防止缓存，默认不加
);

示例：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>sjax_0.1.js by snandy</title>
    <script src="http://files.cnblogs.com/snandy/sjax_0.1.js"></script>
</head>
<body>
<p id="p1" style="background:gold;"></p>
<input type="button" value="Get Name" onclick="clk()"/>
<script type="text/javascript">
    function clk(){
        Sjax.load(
            'http://files.cnblogs.com/snandy/jsonp.js',
            function(){
                document.getElementById('p1').innerHTML = 'Hi, ' + jsonp.name;
            }
        );     
    }
</script>
</body>
</html>