Эффективный способ хранения данных формы?

Question

У меня есть веб-приложение, которое имеет большую и сложную форму (поля, чеки и т. Д.). Я использовал стандартные элементы управления ОС, поскольку они имеют визуальные (стилистические) ограничения.

Я в основном создавал пролеты с идентификаторами и добавлял атрибуты класса или пользовательских данных. Позднее мне нужно отправить это в PHP-скрипт для вставки в базу данных. В прошлом это хорошо работало, но мне приходится делать много ручной обработки полей, что, по-моему, неэффективно ... Есть ли лучший способ?

В настоящее время я делаю,

IF ($('#foo').hasClass('on')){bar=1} 

...

Затем я вручную составить строку POST на стороне PHP через

foo=bar&bla=blabla ... 

Тогда многое другое для создания оператора вставки SQL , Кажется, что это неэффективно, если у вас есть десятки полей ... Но я ненавижу стандартные элементы FORM ...

Любые предложения? .... Петли? Массивы?

Answer 1

Вы можете использовать serialize() метод JQuery в:

$('form .on').serialize(); 

jsFiddle example

Answer 2

Исходя из того, что я понимаю, вы не хотите вручную получать значение каждого элемента с классом «включено». Вы можете использовать каждую функцию jQuery, используя все необходимые элементы. Что-то вроде:

​var query = ""; 

$(".on")​​.each(function(i){ 
    if(i === 0) { 
     query+="?"+$(this).attr('id')+"="+$(this).text();    
    } else { 
     query+="&"+$(this).attr('id')+"="+$(this).text();    
    } 
}); 

(см: http://jsfiddle.net/MkbrV/)

Это то, что вы ищете?

Answer 3

Вам следует использовать форму. Но как это сделать?

С JavaScript у вас может быть своего рода интерфейс для формы. Скройте элементы формы и у меня есть JS, который изменяет значения поля формы при взаимодействии.

Поиск pretty forms jquery в Google.