在div中使用ajax显示搜索结果

时间:2014-12-03 12:11:52

标签: php ajax html5 cordova

你好我已经使用php构建了一个多搜索表单,基本上这个搜索表单从特定日期查询到另一个,我已经得到了完美的工作, 使用此代码

search.html

<form class="form-horizontal" action="report_advanced.php" method="post" name="form1" id="form1"> 
<div class="control-group">
<label class="control-label" for="inputagent name"><span class="asasa">*</span> Advanced Search:</label>
<div class="controls">
  <input type="text" name="from" value="" size="32" id="inputDate" placeholder="From" /><br /><br />
  <input type="text" name="to" value="" size="32" id="inputDatess" placeholder="To" />

  </div>
</div>

<p align="center">
   <input type="submit" class="btn btn-mini btn-primary" value="Search" /></p>

    </form>

report_advanced.php

mysql_select_db($database_kbl, $kbl);
$query_cert = sprintf("SELECT * FROM `transactions` WHERE `Start_Date`  BETWEEN %s AND %s ", 
GetSQLValueString($colname_cert, "text"),GetSQLValueString($colname2_cert, "text"));
$query_limit_cert = sprintf("%s LIMIT %d, %d", $query_cert, $startRow_cert, $maxRows_cert);
$cert = mysql_query($query_limit_cert, $kbl) or die(mysql_error());
$row_cert = mysql_fetch_assoc($cert);


<table width="60%" class="table table-bordered" id="table"></span> 
  <tr class="success">

    <td style="color:#FFF" width="10%">Insured Name</td>
    <td style="color:#FFF" width="10%">Telephone No</td>
     <td style="color:#FFF" width="10%">Policy Number</td>
     <td style="color:#FFF" width="10%">Car Make</td>
     <td style="color:#FFF" width="10%">Model</td>

    <td style="color:#FFF" width="10%">Registeration Number</td>
    <td style="color:#FFF" width="10%">Amount</td>
<td style="color:#FFF" width="10%">Start Date</td>
 <td style="color:#FFF" width="10%">Expiry Date</td>

  </tr>
  <?php do { ?>
    <tr  class="success" style="text-transform:capitalize;font-size:16px">
    <td style="color:#FFF" width="10%"><?php echo $row_cert['Insured_Name']; ?></td>
    <td style="color:#FFF" width="10%"><?php echo $row_cert['Telephone']; ?></td>
     <td style="color:#FFF" width="10%"><?php echo $row_cert['Policy_Number']; ?></td>
       <td style="color:#FFF" width="10%"><?php echo $row_cert['Make_Of_Car']; ?></td>
        <td style="color:#FFF" width="10%"><?php echo $row_cert['Model']; ?></td>


      <td style="color:#FFF" width="10%"><?php echo $row_cert['Registeration_Number']; ?></td>
       <td style="color:#FFF" width="10%"><?php echo $row_cert['Premium']; ?></td>
            <td style="color:#FFF" width="10%"><?php echo $row_cert['Start_Date']; ?> </td>
             <td style="color:#FFF; font-size:14px" width="10%"><?php echo $row_cert['Expiry_Date']; ?></td>


  <?php } while ($row_cert = mysql_fetch_assoc($cert)); ?> </table>
    <?php } // Show if recordset not empty ?>

但现在我想在移动应用程序中使用phonegap实现相同类型的功能,并且我打算使用我发布并在div中显示的片段发出ajax请求,因为php无法在phonegap中运行,< / p>

但是我不知道怎么回事,我在网上做了一些搜索,但还没看到我在看4。

最特别的是因为我想通过makin ajax请求使用我在我的web项目中使用的相同代码

1 个答案:

答案 0 :(得分:0)

简单地说,您所做的只是从phonegap向服务器发出另一个http ajax请求到同一个端点,获取响应并在div中重新加载。

$.get(url_to_endpoint, function(data){
    // do reloading of your div
});

这可以使用jquerymobile库轻松完成,也可以取决于您从手机屏幕中执行http请求的方式。