1

Чтобы оправить форму в get и post я использую такую форму:

<form name="send" action="/example.php?id=1" method="post" accept-charset="utf-8">
    <p> <b>Удалить куки: </b><input type="checkbox" name="delete_cookie" value="1"> </p>
    <input type="text" name="id" value="3">
    <input type="submit"  value="Отправить">
</form>

Мне нужно с помощью jQuery некоторые input например с class="get-key", отправить с помощью get. То есть что делаю, создаю input с классом. Дальше все значения с помощью .each я собираюсь в массив допустим id и value. Проблема лишь в том что как мне с помощью jQuery все id и value которые я собрал из input'ов поместить в action="example.php?id=val....&id[n]=val[n].

2 ответа 2

1

Для отправки get запроса в jQuery существует одноимённый метод. Например:

$.get(adress);

Однако в случае jQuery лучше всего не вставлять переменные напрямую в адресную строку, а формировать данные в формате JSON или XML

0

Как Вы уже написали: создаю input с классом class="get-key". Дальше, все значения с помощью .each собираю в массив допустим id и value. После этого, подготовленные данные в виде массива преобразуем в JavaScript с помощью JSON.stringify в строку JSON:

data = JSON.stringify(dataArray); // dataArray - подготовленные данные

После того, как данные подготовлены, можно осуществить отправку через jQuery.ajax():

$.ajax( { // ajax запрос
  type: "GET", // с помощью get
  url: 'example.php', // по адресу
  data: { array: data }, // отправляемые данные 
  success: function(response) { // в случае успеха
    console.log(response);
  },
  error: function(response) { // в случае провала
    console.log(response);
  },
}); 

jQuery.ajax() - выполняет асинхронный HTTP(Ajax)-запрос. Также, можно использовать jQuery.get() для загрузки данных с сервера при помощи HTTP-GET запроса.

2
  • Собственно, а где в ссылках перечисленных вами написано что $.get используется лишь для загрузки данных с сервера? По мне так все 3 функции для работы с Ajax это всего лишь различные обертки под XMLHttpRequest и по сути не так важно $.get $.post если конечно не углубляться в разницу между методами
    – lazyproger
    Commented 21 апр. 2017 в 9:16
  • @ДмитрийПриходченко, автор вопроса указал: отправить с помощью get. По поводу Вашего вопроса, я не писал лишь. Откройте ссылку: jQuery.get() и найдите там текст: Загружает данные с сервера при помощи HTTP GET запроса. Откройте ссылку: jQuery.ajax() и найдите там текст: Выполняет асинхронный HTTP (Ajax) запрос. Там все это есть. Ссылки я привел не просто так, а для изучения и подтверждения написанного мной. Commented 21 апр. 2017 в 9:29

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.