[megoloman]

Здравствуйте! Подскажите пожалуйста как связать фронтэнд и бекэнд с помощью JSON. Есть страница для редактирования контента, который сохраняется в базе данных. Данные отправляются через форму с помощь Ajax.

html:

<script type="text/javascript">
/*<![CDATA[*/
jQuery(function() {
    var form = jQuery("#myForm");      
    form.submit(function(e) {          
        jQuery("#sendbutton").attr('disabled', true)
        jQuery("#sendwrapper").prepend('Loading...<img src="{% static 'static/images/ajax-loader.gif' %}" />')                
        jQuery("#ajaxwrapper").load(
            form.attr('action') + ' #ajaxwrapper',
            form.serializeArray(),
            function(responseText, responseStatus) {
                jQuery("#sendbutton").attr('disabled', false)
                jQuery("#sendwrapper").hide();
            }            
        );
        e.preventDefault();                          
    });    
});
/*]]>*/  
</script>
        <form id="myForm" action="" method="post">
            <div id="ajaxwrapper">
            {% csrf_token %}
            {{ form.non_field_errors }}
            {{ form.as_p }}
            </div> 
            <p id="sendwrapper"><input type="submit" value="save" id="sendbutton"/></p> 
        </form>