JQuery: Ajax. Как реализовать передачу нескольких параметров в data?

Добрый день!
Вот html:
<form class="ajaxForm">
          Введите имя:<br/>
          <input class="ajaxUsername" type="text" size="20">
          <input class="ajaxData" type="hidden" value="test.php">
          <input type="submit" value="Отправить">
        </form>
        <div class="ajaxContent"></div>


А вот JQuery:

$(document).ready(function() {
            $('.ajaxForm').submit(function() {
              $.ajax({
                type: 'POST',
                url: $('.ajaxData').val(),
// Как в data, передать несколько параметров? Возможно ли такое?
                data: 'ajaxUsername=' + $('.ajaxUsername').val(), 
                success: function(html) {
                  $('.ajaxContent').html(html);
                }
              });
              return false;
            });
  • Вопрос задан
  • 19058 просмотров
Решения вопроса 1
@NewMax
Итог вышесказанного:
$('form').submit(function(){
    // сериализация всех полей формы
    var data = $(this).serialize();
    // ручное добавление в виде массива
    var data = {name:'name', 'email':email};
    // ручное добавление для хардкорщиков. Не нужно так делать
    var data = 'name='+name+'&email='+email;
    //сформированные тем или иным способом данные можно передавать в $.ajax
    $.ajax({
        url: 'url',
        data: data
        ...
    });
})
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
IgorO2
@IgorO2
73
data: { par1: par1, par2: par2}
в общем использовать обычный массив
Ответ написан
Комментировать
Playmore
@Playmore
Опытный разработчик
$('.ajaxForm').submit(function() {
     $.post( $(this).attr('action'), $(this).serializeArray(), function(html) {
          $('.ajaxContent').html(html);
          }
});
Ответ написан
Комментировать
@pilipolya
Node.js Dev
data: data,
data - JSON
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы