如何使用Ajax在api中检查唯一ID并根据唯一ID返回数据

时间:2019-04-02 16:37:40

标签: php ajax wordpress api

我正在尝试建立一个表单,允许用户输入已获得的ID。提交ID后,将检查后端以查看该ID是否存在以及是否返回数据

我还没有真正尝试过任何事情,只是想让我全神贯注于如何完成这项工作

这是表单代码:

<form action="/action_page.php">
Dealership:<br>
<input type="text" name="dealership">
<br>
Email:<br>
<input type="text" name="email">
<br><br>
Phone Number:<br>
<input type="text" name="phonenum">
<br><br>
Order ID:<br>
<input type="text" name="order_id">
<br><br>
<input type="submit">
</form>

这里是ajax:

$(document).ready(function (){
$("#works").hide();
var $dealership = $('dealership'); 
var $email = $('email'); 
var $phonenum = $('email');
var $order_id = $('order_id');


$('.submit').click (funciton(){

   var track = {

      dealership : dealership.val(),
      email: email.val(), 
      phonenum = phonenum.val(),
      order_id = order_id.val(),

    }; 

  $.ajax({

    type: 'GET', 
    url: 'http://testingapi.com/api/order-status',
    data: track, 
    success: function() {
      tracking.append();
    }, 
    sucess: funciton(itWorked) {

  }

  });
});

});

2 个答案:

答案 0 :(得分:0)

可能有必要删除提交类型按钮并添加按钮类型。

此外,在您的代码中,ID是按类$(“。Submit”)提交的。 然后将类也添加到按钮中。

    <button type="button" class="submit">Submit</button>

答案 1 :(得分:0)

这很简单。一旦您接受了用户的order_id,您就可以像这样(连同您要传递的其他任何内容)一起在数据字典中传递它:

data: {
     'id': order_id,
}

在服务器端,您可以像这样检索ID: 在PHP中:

$id = $_GET['id'];

在Django中:

id = request.GET.get('id')

完成此操作后,您只需查询数据库并在查询中传递此ID,即可检查记录是否匹配。