Как создать строку запроса с JavaScript

Для тех из нас, кто предпочитает jQuery, Вы использовали бы плагин формы: http://plugins.jquery.com/project/form , который содержит formSerialize метод.

Как Stein говорит, можно использовать прототип библиотека JavaScript от http://www.prototypejs.org . Включайте JS, и это очень просто затем, $('formName').serialize() возвратит то, что Вы хотите!

Я не совсем уверен сам, я вспоминаю наблюдение, что jQuery сделал это до степени, но это не обрабатывает иерархические записи вообще, уже не говоря о php дружественным способом.

Одна вещь я действительно знаю наверняка, при создании URL и засовывании продукта в dom, только используйте строковое связующее звено, чтобы сделать это, или Вы будете открывать себя для удобного прерывателя страницы.

, Например, определенное рекламное программное обеспечение встраивает строку версии от любых выполнений Ваша флэш-память. Это прекрасно, когда его Adobe универсальная простая строка, но однако, это очень наивно, и аварийно завершается в смущающей путанице для людей, кого установил Скрежет, как это gnash'es строка версии, оказывается, содержит полноценное авторское право GPL лицензии, вместе с URL и < href> теги. Используя это в Вашем генераторе рекламодателя строкового связующего звена, результаты на странице распахивающий и имеющий несбалансированный HTML, поднимающийся в dom.

мораль истории:

   var foo = document.createElement("elementnamehere"); 
   foo.attribute = allUserSpecifiedDataConsideredDangerousHere; 
   somenode.appendChild(foo); 

Нет:

   document.write("<elementnamehere attribute=\"" 
        + ilovebrokenwebsites 
        + "\">" 
        + stringdata 
        + "</elementnamehere>");

_{Google должен изучить этот прием. Я пытался сообщить о проблеме, они, кажется, не заботятся.}

Если Вы не хотите пользоваться библиотекой, это должно покрыть большинство/все те же типы элемента формы.

function serialize(form) {
  if (!form || !form.elements) return;

  var serial = [], i, j, first;
  var add = function (name, value) {
    serial.push(encodeURIComponent(name) + '=' + encodeURIComponent(value));
  }

  var elems = form.elements;
  for (i = 0; i < elems.length; i += 1, first = false) {
    if (elems[i].name.length > 0) { /* don't include unnamed elements */
      switch (elems[i].type) {
        case 'select-one': first = true;
        case 'select-multiple':
          for (j = 0; j < elems[i].options.length; j += 1)
            if (elems[i].options[j].selected) {
              add(elems[i].name, elems[i].options[j].value);
              if (first) break; /* stop searching for select-one */
            }
          break;
        case 'checkbox':
        case 'radio': if (!elems[i].checked) break; /* else continue */
        default: add(elems[i].name, elems[i].value); break;
      }
    }
  }

  return serial.join('&');
}

Вам на самом деле не нужна форма, чтобы сделать это с Прототипом. Просто используйте функция Object.toQueryString :

Object.toQueryString({ action: 'ship', order_id: 123, fees: ['f1', 'f2'], 'label': 'a demo' })

// -> 'action=ship&order_id=123&fees=f1&fees=f2&label=a%20demo'

Нет, я не думаю, что стандартному JavaScript встроили это, но Прототип, JS имеет ту функцию (конечно, большинство других платформ JS имеет также, но я не знаю их), они звонят, это сериализирует .

я могу reccomend Прототип JS, он работает вполне хорошо. Единственный недостаток я действительно заметил его, это - размер (несколько сотен Кбит) и объем (много кода для ajax, dom, и т.д.). Таким образом, если Вы только хотите сериализатор формы, это - излишество, и строго говоря если Вы только хотите, это - функциональность Ajax (ведьма главным образом, что я использовал его для), это - излишество. Если Вы не осторожны, можно найти, что это делает немного слишком много "волшебства" (как расширение каждого dom элемента, это касается с Прототипом функций JS только для нахождения элементов), то, чтобы заставлять это замедлиться на крайних случаях.