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

Question

你好，我已经使用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中运行，

但是我不知道该怎么做，我已经在网上做了一些搜索，但是还没有看到我在看什么4。

最特别的是，因为我想使用majax ajax请求为此应用程序使用的Web项目中使用的相同代码

Answer 1

简而言之，您要做的只是从phonegap向服务器的同一端点发出另一个http ajax请求，获取响应并将其重新加载到div中。

即

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

这可以使用jquerymobile库轻松完成，也可以取决于您如何通过jquerymobile执行http请求。