Как использовать ajax для проверки уникального идентификатора в API и возврата данных на основе уникального идентификатора

Question

Я пытаюсь настроить форму, которая позволяет пользователям вводить идентификатор, который им дали. Когда идентификатор передается, серверная часть проверяется, чтобы увидеть, существует ли этот идентификатор и возвращает ли он данные

Я на самом деле ничего не пробовал, я просто пытаюсь понять, как это сделать

Вот код формы:

<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>

Аякс:

$(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) {

  }

  });
});

});

Answer 1

Это довольно просто. Как только вы приняли order_id от пользователя, вы можете передать его в свой словарь данных следующим образом (вместе со всем, что вы хотите передать):

data: {
     'id': order_id,
}

На вашей стороне сервера вы можете получить что-то вроде этого: В PHP:

$id = $_GET['id'];

В Джанго:

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

Как только вы это сделаете, вы можете просто запросить базу данных и передать этот идентификатор в запросе, чтобы проверить, совпадают записи или нет.

Answer 2

Может потребоваться удалить кнопку типа отправки и добавить тип кнопки.

Кроме того, в вашем коде идентификатор по классу $ (". Submit"). затем добавьте класс к кнопке тоже.

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