从输入框中使用jquery在ajax中传递参数答案

【问题标题】：passing parameters in ajax with jquery from input box从输入框中使用jquery在ajax中传递参数
【发布时间】：2018-04-08 21:14:42
【问题描述】：

一旦我添加了日期和时间，网址应该变成这样

http://metrobikes.in/api/cities/1/models?start_time=14%3A00&end_time=16%3A00&end_date=2017-10-27&start_date=2017-10-27

即它应该加载当时可用的自行车

$('#btn-bik-sel').on('click', function() {
  alert("asdada");
  alert($('#datetimepicker2').val());
});


function available() {
  var date = $('#datetimepicker2').val();

  $.ajax({
    url: 'http://metrobikes.in/api/cities/1/models?',
    method: "GET",
    data: {
      'start_time': start_time,
      'end_time': end_time,
      'end_date': end_date,
      'start_date': start_date
    },
  }).done(function(data) {
    for (var i = 0; i < data.result.data.length; i++) {
      console.log(data);
    };
  });
};

<div class="col-xs-6">
  <input type="text" class="form-control date-time" id="datetimepicker2" placeholder="Start date">
  <input type="text" class="form-control date-time" id="datetimepicker1" placeholder="Start time" style="margin-top: 10px">
</div>

<div class="col-xs-6">
  <input type="text" class="form-control date-time" id="datetimepicker21" placeholder="End date">
  <input type="text" class="form-control date-time" id="datetimepicker111" placeholder="End time" style="margin-top: 10px">
</div>

<div class="col-xs-12 text-center" style="margin-top: 10px;">
  <button class="btn btn-primary" id="btn-bik-sel">Continue</button>
</div>

【问题讨论】：

你在哪里设置start_time、end_time等...？
它是一个输入字段，用户可以在其中输入任何开始和结束日期和时间
是的，但是你在哪里设置这些 JS 变量？如果您不编写一些代码，它们不会神奇地设置值

标签： javascript jquery ajax rest api

【解决方案1】：

尝试将您的 data 部分更改为：

...
data: {
      'start_time': $('#datetimepicker1').val(),
      'end_time': $('#datetimepicker111').val(),
      'end_date': $('#datetimepicker21').val(),
      'start_date': $('#datetimepicker2').val()
    },

【讨论】：

然后呢？如果我点击按钮会得到想要的结果吗？。

【解决方案2】：

您没有将值设置为 start_time、end_time、start_date 和 end_date。如果您不编写一些代码来执行此操作，它们不会神奇地设置值。您可以使用

获取这些值

$('#your-id').val();

【讨论】：

如果这个答案有用请接受我的回答@Syed Tabeeb