表单URL更改数据POST

时间:2017-06-07 11:45:38

标签: javascript php jquery ajax

我有一个网址:

http://domanin.com/search-result/?start=06%2F08%2F2017&end=06%2F09%2F2017&room_num_search=1&adult_number=1&children_num=0

我有一个Bootstrap表格:

<form class="form-inline search-hotel-box">
  <div class="form-group">
    <label><span class="flaticon-time"></span></label>
    <input type="text" class="form-control" id="checkin" placeholder="Check In" value="">
  </div>
  <div class="form-group">
    <input type="text" class="form-control" id="checkout" placeholder="Check Out" value="">
  </div>
  <div class="form-group">
    <label><span class="flaticon-door-key"></span></label>
    <select class="form-control">
    <option disabled selected>Rooms</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
  </select>
    <i class="fa fa-angle-down"></i>
  </div>
  <div class="form-group">
    <label><span class="flaticon-profile-1"></span></label>
    <select class="form-control">
    <option disabled selected>Adults</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
  </select>
    <i class="fa fa-angle-down"></i>
  </div>
  <button type="submit" class="btn btn-default">Search Hotel</button>
</form>

如何对该URL进行POST,更改URL的数据?我不知道如果我使用PHP会怎么样,或者是否有可能使用jQuery来做到这一点?非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

因此,如果您想将数据发布到特定网页,那么您可以使用表单元素的action和method属性执行此操作:

<form class="form-inline search-hotel-box" action="http://domanin.com/search-result/demo.php" method="POST">

您还需要为所有不同的表单字段提供名称:

<input type="text" name="start" class="form-control" id="checkin" placeholder="Check In" value="">

<input type="text" name="end" class="form-control" id="checkout" placeholder="Check Out" value="">

<select class="form-control" name="room_no_search">

<select class="form-control" name="adult_no">

现在当任何人填写所有信息并点击提交时,所有数据都将发布到action属性中提供的URL。 如果您想通过附加在URL中发送数据,请使用GET而不是POST。

可以使用php轻松检索发送的数据,如下所示:

$var = $_GET['start'];

$var = $_POST['start'];