全球主机交流论坛

标题: AJAX 求助 緊急!!!!!!!!!!!! [打印本页]
作者: CloudLink.asia    时间: 2016-6-19 22:17
标题: AJAX 求助 緊急!!!!!!!!!!!!
從Lab08_3a.php 拿資料在Lab08_3a.html的<tbody></tbody> 內顯示結果

Lab08_3a.php
  1. {"part":[{"item":"Motherboard","manufacturer":"ASUS","model":"P3B-F","cost":" 123.00"},{"item":"Video Card","manufacturer":"ATI","model":"All-in-Wonder Pro","cost":" 160.00"},{"item":"Sound Card","manufacturer":"Creative Labs","model":"Sound Blaster Live","cost":" 80.00"},{"item":" inch Monitor","manufacturer":"LG Electronics","model":" 995E","cost":" 290.00"}]}
复制代码


Lab08_3a.html
  1. <html>
  2. <head>
  3. <title>Lab08 Challenge Task</title>
  4. <link rel="stylesheet" href="Lab08_Q3_layout.css"/>
  5. <script src="/jquery/jquery-2.1.4.js"></script>
  6. <script>
  7. $(document).ready( function() {
  8.     (function() {
  9.         $.ajax({
  10.             type: 'POST',
  11.             url: 'http://localhost/lab08/Lab08_3a.php',
  12.             dataType: 'json',
  13.             success: function(result) {
  14.                xxxxxx
  15.             }
  16.         });
  17.     });
  18. });
  19. </script>
  20. </head>
  21. <body>

  23.         <h2>Table of Computer Parts</h2>
  24.         <table id="tableID" border="1">
  25.                 <thead>
  26.                         <tr>
  27.                                 <th>Item</th>
  28.                                 <th>Manufacturer</th>
  29.                                 <th>Model</th>
  30.                                 <th>Cost in $</th>
  31.                         </tr>
  32.                 </thead>
  33.                 <tbody>
  34.                        
  35.                 </tbody>
  36.         </table>
  37. </body>
  38. </html>
复制代码
作者: psdshow    时间: 2016-6-19 22:17
  1. $(document).ready( function() {
  2.     (function() {
  3.         $.ajax({
  4.             type: 'POST',
  5.             url: 'http://localhost/lab08/Lab08_3a.php',
  6.             dataType: 'json',
  7.             success: function(result) {
  8.                var part = result.part;

  10.                            var tbody = $('#tableID').find('tbody').eq(0);

  12.                            for(var i in part){
  13.                                         var _p = part[i];
  14.                                         var _html = '<tr><td>'+p.Motherboard+'</td><td>'+p.manufacturer+'</td><td>'+p.model+'</td><td>'+p.cost+'</td></tr>';

  16.                                         $(_html).appendTo(tbody);
  17.                            }
  18.             }
  19.         });
  20.     });
  21. });
复制代码
作者: CloudLink.asia    时间: 2016-6-19 22:30
psdshow 发表于 2016-6-19 22:22

還是不行
作者: CloudLink.asia    时间: 2016-6-19 22:40
psdshow 发表于 2016-6-19 22:22

(, 下载次数: 459)

能幫我看下嗎? 金幣給幾多都行 很趕急

作者: gger    时间: 2016-6-19 23:00
又上新项目了啊
作者: psdshow    时间: 2016-6-19 23:00
自己检查一下路径



欢迎光临 全球主机交流论坛 (https://443502.xyz/) Powered by Discuz! X3.4