带动态结果的 JSONP 实例

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <body>
  5.  
  6. <h1>点击按钮</h1>
  7.  
  8. <p>将创建一个带有 src 属性的 script 标签并将其放在文档中。</p>
  9.  
  10. <p>PHP 文件以 JSON 对象作为参数返回对函数的调用。</p>
  11.  
  12. <button onclick="clickButton()">单击我!</button>
  13.  
  14. <p id="demo"></p>
  15.  
  16. <p>请尝试将 table 属性从“customers”更改为“products”。</p>
  17.  
  18. <script>
  19. function clickButton() {
  20. var obj, s
  21. obj = { table: "customers", limit: 10 };
  22. s = document.createElement("script");
  23. s.src = "/demo/demo_php_jsonp_db.php?x=" + JSON.stringify(obj);
  24. document.body.appendChild(s);
  25. }
  26.  
  27. function myFunc(myObj) {
  28. var x, txt = "";
  29. for (x in myObj) {
  30. txt += myObj[x].name + "<br>";
  31. }
  32. document.getElementById("demo").innerHTML = txt;
  33. }
  34. </script>
  35.  
  36. </body>
  37. </html>