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文件中的<div id="count_display">内的getresult.php中显示结果回显，该方法将实时显示结果而无需刷新/重新加载页面。

结果将与此页面上的此示例非常相似：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>

mysql_num_rows与ajax一起返回

2 个答案: