带回调函数的 JSONP 实例

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <body>
  5.  
  6. <h1>请求调用函数</h1>
  7.  
  8. <p>PHP 文件返回对您作为回调发送的函数的调用。</p>
  9.  
  10. <button onclick="clickButton()">单击我！</button>
  11.  
  12. <p id="demo"></p>
  13.  
  14. <script>
  15. function clickButton() {
  16.   var s = document.createElement("script");
  17.   s.src = "demo_jsonp2.php?callback=myDisplayFunction";
  18.   document.body.appendChild(s);
  19. }
  20.  
  21. function myDisplayFunction(myObj) {
  22.   document.getElementById("demo").innerHTML = myObj.name;
  23. }
  24. </script>
  25.  
  26. </body>
  27. </html>