Как отобразить данные в формате HTML с помощью ajaxcall

Question

У меня есть такие данные.

js файл

var numbers = 1234

html-файл.

<label>Name</label>
<input type="text" class="form-control" name="name" id = "name">

<label>Id</label>
<input type="text" class="form-control" name="id" id = "id">

Требование: всякий раз, когда я ввожу свое имя в первый входЯ хочу отобразить числа из файла JavaScript в поле ввода Id.

мы можем сделать с помощью вызова ajax?

Как это сделать?

Answer 1

Я надеюсь, что эта помощь>

Ваш файл JS Функция:

function keypressCustom(){
   var enteredName = $("#nameFieldID").val();
   var IDValue = '';
   //Your Ajax Call Here

    $.ajax({url: "text_call_url", type: 'POST',  // http method
    data: { enteredName: enteredName }, success: function(result_id_value_from_ajax){
       IDValue = result_id_value_from_ajax;

       $("#idField").val(IDValue);
   }});

}

Ваш HTML>

<label>Name</label>
<input type="text" class="form-control" name="name" id="nameFieldID"  onkeypress="keypressCustom()" value=''>

<label>Id</label>
<input type="text" class="form-control" name="id" id="idField"  value=''>

Answer 2

Если я не ошибаюсь, вы хотите вставить число в текстовое поле идентификатора, если вы напишите что-то в поле имени, я приведу пример ниже:

Примечание: вы неДля обработки событий не требуется ajax-вызов.

var numbers = 1234;

function myFunction() { //Modify this by your requirement
  var x = document.getElementById("id");
  if(document.getElementById("name").value != '') {
    x.disabled = true;
    x.value = numbers;
  } else {
    x.disabled = false;
    x.value = '';
  }
}

<label>Name</label>
<input type="text" class="form-control" name="name" id = "name" onkeyup="myFunction()">

<label>Id</label>
<input type="text" class="form-control" name="id" id = "id">