548day(jsonp.html）

最新推荐文章于 2022-09-06 20:29:18 发布

原创最新推荐文章于 2022-09-06 20:29:18 发布 · 103 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种跨域数据获取方法 JSONP 的实现原理及其基本应用。通过 HTML 和 JavaScript 代码示例展示了如何定义回调函数接收服务器端数据。

《2019年4月5日》【连续 548天】

标题：jsonp.html；
内容：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JSONP</title>
</head>
<body>
  <script>
    // http://day-12.io/13-jsonp.html
    function myonload (data) {
      console.log(data)
    }
  </script>
  <script src="http://localhost/data.js"></script>
  <!-- <script src="http://localhost/data.php"></script> -->
  <!--
    通过 script 标签请求一个服务端的 PHP 文件
    这个文件返回的结果是一段 JS，作用是调用我们事先定义好的一个函数
    从而将服务端想要给客户端发过去的数据发送给客户端
  -->
</body>
</html>