Question

我正在使用普通的ajax在表单提交时从数据库中搜索但代码不起作用。有两个日期字段我想在两个日期之间搜索数据如果我使用单独的页面代码工作但在ajax它不工作。任何帮助将不胜感激谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="datepicker/javascript/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="datepicker/css/default.css" type="text/css" />
<script type="text/javascript" src="datepicker/javascript/zebra_datepicker.js"></script>
<script>
$(document).ready(function() {
     $('input.datepicker').Zebra_DatePicker();
    $('#strt_dt').Zebra_DatePicker();
});

$(document).ready(function() {
     $('input.datepicker').Zebra_DatePicker();
    $('#end_dt').Zebra_DatePicker();
});
</script>

<script>
function showStd(tstfrm) {
   if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    document.getElementById("replace").innerHTML=xmlhttp.responseText;
    }
  }

  var strt_dt = document.getElementById('strt_dt').innerHTML;
  var end_dt = document.getElementById('end_dt').innerHTML;
  xmlhttp.open("GET","test2.php?strt_dt="+strt_dt+"&end_dt="+end_dt, true);
  xmlhttp.send();
}

</script>
</head>

<body>
        <form action="" method="post" onsubmit="return showStd(this);" name="tstfrm" id="tstfrm">
              <fieldset>

                 <p><label>Start Date:</label><input name="strt_dt" type="text" class="text-long" id="strt_dt" /></p>
                 <p><label>End Date:</label><input name="end_dt" type="text" class="text-long" id="end_dt" /></p>           

                 <input name="serch" type="submit" id="serch" value="search"/>
              </fieldset>
        </form>
        <div id="replace" style="height:500px; width:1000px; border:1px solid #000;">
                        </div>
</body>
</html>

以下是test2.php for search

<?php
include '../dbconn.php';
$strt_dt=$_REQUEST['strt_dt'];
$end_dt = $_REQUEST['end_dt'];
?>

<table cellpadding="0" cellspacing="0" border="1">
                            <tr>
                            <td width="137"><b>Name</b></td>
                            <td width="154"><b>Contact</b></td>
                            <td width="407" align="center"><b>Action</b></td>
                            </tr>
                            <?php
                             $qry=mysql_query("SELECT * FROM std_register WHERE reg_dt BETWEEN '".$strt_dt."' AND '".$end_dt."'");

                              while($row=mysql_fetch_array($qry))
                              {
                            ?>
                            <tr>
                                <td><?php echo $row['std_name1']." ".$row['std_name2'];?></td>
                                <td><?php echo $row['std_phno'];?></td>

                            </tr>                        
                              <?php
                              }
                              ?>    
                        </table>

Answer 1

Dude我可以在你的代码中看到你在页面上使用jQuery。可以使用jQuery提供的方法来处理Ajax。

$.get
$.post

对于您的工作更详细的方法$.ajax，您需要jQuery使其跨浏览器。

$.get('/test2.php?date='+date,function(response){
//use server response to manipulate dom
});

Ajax代码无法搜索数据

1 个答案: