如何使用 AJAX/jQuery 显示打印内容?

2024-05-15

所以我试图理解整个 AJAX/jQuery 的事情。现在,当我单独运行这个 PHP 脚本时,我必须等待并观察轮子旋转,直到循环完成然后加载。

while ( $row = mysql_fetch_array($res) ) {
    postcode_to_storm( $row['Test'] );

    $dom = new DOMDocument();
    @$dom->loadHTML($result);
    $xPath = new DOMXPath($dom);

    $failInvite = 'Rejected';
    $findFalse = strpos($result, $failInvite);

    if ( $findFalse == true ) {
        $array[$i] = $row['Test'];
        $i++;
        echo $array[$i]};
    } 

}

现在,我如何使用 AJAX/jQuery 来显示echo $array[$i]};每次调用它而不是等待整个过程完成?


AJAX 的工作方式是,在第一个请求中,您编写网页的基本 HTML,包括一些回调服务器并请求更多数据的 javascript。根据您计划发送数据的方式,它可能会在页面呈现后发出一个或多个请求以获取更多数据。使用 AJAX 需要您重新考虑如何传递数据。例如,您需要一个“脚本”来加载页面,然后需要另一个“脚本”来获取数据——当然,它们可以是相同的,只是参数不同。我将添加一个简单的示例来进行演示,因为重构您的示例需要更多地了解您的数据及其交付方式。这个例子来自w3schools.com http://www.w3schools.com/php/php_ajax_database.asp.

HTML:

<script type="text/javascript">
   $(function() {
       $('#users').change(function() {
          // here's the AJAX bit 
          $.get( '/users/load.php?q=' + $(this).val(),
               function(html) {
                  $('#txtHint').html(html);
          });
       });
   });
</script>
</head>
<body>

<form>
<select name="users">
<option value="">Select a person:</option>
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Glenn Quagmire</option>
<option value="4">Joseph Swanson</option>
</select>
</form>
<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html>

PHP

<?php
$q=$_GET["q"];

$con = mysql_connect('localhost', 'peter', 'abc123');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("ajax_demo", $con);

$sql="SELECT * FROM user WHERE id = '" . mysql_real_escape_string( $q ) . "'";

$result = mysql_query($sql);

echo "<table border='1'>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<th>Hometown</th>
<th>Job</th>
</tr>";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td>" . $row['FirstName'] . "</td>";
  echo "<td>" . $row['LastName'] . "</td>";
  echo "<td>" . $row['Age'] . "</td>";
  echo "<td>" . $row['Hometown'] . "</td>";
  echo "<td>" . $row['Job'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

mysql_close($con);
?>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 AJAX/jQuery 显示打印内容? 的相关文章

随机推荐