PHP,AJAX如何添加更多值

时间:2017-01-23 19:47:03

标签: php jquery ajax

我在网上看到一段代码,允许我在数据库中查询名称,这很有效。它当前发送名称,查询它并在样式庄园中返回结果。但是,我希望能够发送名称+电子邮件的数据。我仍然是相当新的所有这些,所以解释将不胜感激:)这是代码:

HTML表单:

<form id="searchform" class="form-horizontal" role="form" method="get">
  <div class="form-group">
    <label for="name" class="col-md-3 control-label">Name</label>
    <div class="col-md-9">
      <input type="text" class="form-control" name="name" id="name" placeholder="Name">
    </div>
  </div>
  <div class="form-group">
    <label for="email" class="col-md-3 control-label">Email</label>
    <div class="col-md-9">
      <input type="text" class="form-control" name="email" placeholder="Email">
    </div>
  </div>
  <div class="form-group">
    <!-- Button -->                                        
    <div class="col-md-offset-3 col-md-9">
      <button id="btn-search" type="submit" class="btn btn-info" value="send"><i class="fa fa-search" aria-hidden="true"></i> Search</button> 
    </div>
  </div>
</form>

HTML中的脚本:

<script type="text/javascript">
  $(function() {
  $("#searchform").bind('submit',function() {
    var value = $('#name').val();
    $.post('scripts/searchFunction.php',{value:value}, function(data){
      $("#show").html(data);
    });
    return false;
  });
});
</script>

searchFunction.php

<?php
include 'connection.php';
$name = $_POST['value'];
$query = 'SELECT * FROM `users` WHERE Username LIKE "%'. $name .'%"';
$result = $conn->query($query);
if($result ->num_rows > 0){
  while($row = $result->fetch_assoc()){
    echo '<div class="row">';
    echo '<div class="col-md-4">';    
    echo '';    
    echo '</div>';    

    echo '<div class="col-md-7 col-md-offset-1">';    
    echo $row['Username'];    
    echo '</div>';    
    echo '</div>';    
    echo '<hr class="section-spacer"/>';    
  }
}
?>

1 个答案:

答案 0 :(得分:1)

对于您要搜索的每个值,您必须在{value:value}添加AJAX值,例如{name: name, email: email },其中每个标识符都有一个值。

然后在这里查询

$query = 'SELECT * FROM users WHERE Username LIKE "%'. $name .'%" AND Email LIKE LIKE "%'. $email .'%"' ;

由于您在PHP页面中使用$_POST数组,因此您应该可以访问通过该阵列中的AJAX发送的每个值。

Basics of jQuery AJAX