javascript - 用 ajax 返回的 mysql_num_rows

Question

我需要通过 ajax 将两个日期传递给 mysql 查询。我有两个日期输入。

这是具有输入的 index.php

<div id="input">
<td><input type="date" name="date_start"></td>
<td><input type="date" name="date_end"></td>

<input type="button" class="button" value="Get Value">
</div>
<div id="count_display">
</div>

这是具有工作查询的 getresult.php 文件

$date_start=$_GET['date_start'];
$date_end=$_GET['date_end'];

$select="select * from tblreport where (date(date_added) between '$date_start' AND '$date_end');";
$res = mysql_query($select);
$rec_count = mysql_num_rows($res);

echo "There are <font color='red' size='3'>".$rec_count."</font> matching records found.";

我想通过 ajax 方法在 index.php 文件中显示来自 getresult.php 的结果回显，该<div id="count_display">方法将实时显示结果而无需刷新/重新加载页面。

结果将与此页面上的示例非常相似：http: //www.w3schools.com/php/php_ajax_database.asp但我只需要查询返回的行数。

Answer 1

试试这个：

<script language='javascript'>
  $(document).ready(function() {
       $.get('getresult.php')
            .success(function(result) {
                var data = $.parseJSON(result);
                var div = document.getElementById("count_display");
                div.innerHTML = data.message;
       });
  });
</script>

注意，您需要包含来自 jquery.com 的当前 jquery api。

在 PHP 中：

$message = "There are <font color='red' size='3'>".$rec_count."</font> matching records found.";
echo json_encode( array( "message"=>$message ) );

Answer 2

您可以使用 jquery 轻松完成。这是你的代码

<script src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" >
$(function() {
$(".button").click(function() 
{   
var date_start = $("#date_start").val();
if($("#date_start").val()=='') date_start="";

var date_end = $("#date_end").val();
if($("#date_end").val()=='') date_end="";

var dataString = 'date_start='+ date_start + '&date_end=' + date_end;

    $.ajax({
    type: "POST",
    url: "getresult.php",
    data: dataString,
    success: function(msg){         
        $('#count_display').html(msg);                      
    }
    }); //END $.ajax

});
 });
 </script>
 <div id="input">
 <td><input type="date" name="date_start" id="date_start"></td>
 <td><input type="date" name="date_end" id="date_end"></td>

 <input type="button" class="button" value="Get Value">
 </div>
 <div id="count_display">
 </div>