//从服务器获取的文件,在URL后面加入想要获取的属性   web浏览器本身需要一个处理json的函数 //这个函数专门用来处理json数据的">

jsonp

前端开发 作者: 2024-08-26 10:15:01
  jsonp需要在页面中添加一个  //从服务器获取的文件,在URL后面加入想要获取的属性   web浏览器本身需要一个处理json的函数 //这个函数专门用来处理json数据的
<body>    
    <script src="js/jsonp.js?callback=showEvents"></script>  //从服务器获取的文件,在URL后面加入想要获取的属性
</body>
//这个函数专门用来处理json数据的,data是获取的json对象
function
showEvents(data) { var newContent = ‘‘; for (var i = 0; i < data.events.length; i++){ newContent += ‘<div class="date">‘; newContent += ‘<div class="image"><img src="‘ + data.events[i].map +‘"></div>‘; newContent += ‘<p>‘ + data.events[i].location + ‘</p>‘; newContent += ‘<span>‘ + data.events[i].date + ‘</span>‘; newContent += ‘</div>‘; } document.getElementById(‘box‘).innerHTML = newContent; }
//<script src="js/jsonp.js?callback=showEvents"></script>传入的文件
showEvents({
    "events"  : [
        {
            "location" : "San Francisco,CA","date" : "May 1","map" : "img/001.jpg"
        },{
            "location" : "Austin,TX","date" : "May 15","map" : "img/002.jpg"
        },{
            "location" : "New York,NY","date" : "May 30","map" : "img/003.jpg"
        }
    ]
});
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_68916.html
jsonp