POST несколько входов, используя ajax

Question

У меня есть два поля ввода (user-name и lguser), и я хочу отправить все значения полей на страницу php, я могу просто отправить значение user-name.Пожалуйста, помогите

<script>
   // AJAX call for autocomplete 
$(document).ready(function(){
    $("#user-name").keyup(function(){
        $.ajax({
        type: "POST",
        url: "myphppage.php",
        data:'keyword='+$(this).val(),
        beforeSend: function(){
            $("#user-name").css("background","#FFF url(../assets/media/image/loadings.gif) no-repeat 165px");
        },
        success: function(data){
            $("#suggesstion-box").show();
            $("#suggesstion-box").html(data);
            $("#user-name").css("background","#FFF");
        }
        });
    });
});
//To select country name
function selectCountry(val) {
$("#user-name").val(val);
$("#suggesstion-box").hide();
}
</script>


 <input type="text" class="form-control" id="user-name" name="user-name" >
<input type="hidden" value="lguser" id="lguser">

Answer 1

вы можете отправлять данные в ajax-запросе следующим образом

data: {'username': $ ('# user-name'.val ()),' userid ': $ (' # lguser ').val ()}

Answer 2

Пожалуйста, попробуйте

 data:'keyword='+$(this).val()+'&lguser='+$('#lguser').val(),

Answer 3

Вы можете получить значения обоих входов и сохранить их в объекте.Затем назначьте этот объект как data свойство $.ajax().jQuery отправит эти данные в виде JSON, который вам придется десериализовать на стороне PHP.

$.ajax({
  data: {
    keyword: $('#user-name').val(),
    lguser: $('#lguser').val(),
  }
})

В качестве альтернативы, поместите свои входные данные в элемент <form> и используйте jquery.serialize() для сериализации всех входных данных встрока запроса со свойством name каждого элемента в качестве ключа.

const formData = $('#the-form').serialize()

$.ajax({
  data: {
    url: `myphppage.php?${formData}`
  }
})

Answer 4

Здесь вы используете данные: 'keyword =' ​​+ $ (this) .val () здесь (this) получить значение формы ** $ ("# user-name"). Keyup (function () {** означает getзначение только имя пользователя