Условный запрос из элементов управления html

Question

Я хочу создать веб-страницу, где пользователь может выбирать данные из разных элементов управления html и формировать условный запрос. К примеру

a == 2 
and 
b == 4 
and 
c == 6 
or 
x == 0 

Данные для а, б, в и х происходит из элементов управления HTML и пользователь может также удалить различные условия в запросе.

Позже я хочу преобразовать этот запрос в json/xml и отправить его на сервер.

Оцените свои предложения по каркасу ui или живым примерам?

PS: Я использую рамки django и планирую использовать jquery.

Answer 1

Вы можете написать несколько простых JQuery, чтобы создать форму, а затем вы можете использовать что-то вроде serializeArray, чтобы отправить его на сервер:

http://docs.jquery.com/Ajax/serializeArray

Нечто подобное должно работать очень хорошо для вас, чтобы построить off:

<form class="search-form" action="search.php" method="get"> 
    <div class="search-conditions"></div> 
    <div> 
    <input class="add-button" type="button" value="Add condition" /> 
    <input class="submit-button" type="submit" value="Search" /> 
    </div> 
</form> 
<script type="text/javascript"> 
//<![CDATA[ 
$(document).ready(function() { 
    $('.add-button').click(function() { 
    var selectField = $('<select name="field-boolean[]"><option value="and">AND</option><option value="or">OR</option></select>'); 
    $('<div class="condition"></div>') 
     .append(selectField) 
     .append('<input name="field-name[]" type="text" />') 
     .append(' = ') 
     .append('<input name="field-value[]" type="text" />') 
     .appendTo('.search-conditions'); 
    }); 

    $('form').submit(function() { 
    console.log($('.search-form').serializeArray('.search-form')); 
    return false; 
    }); 
}); 
//]]> 
</script>