Здравствуйте! Подскажите пожалуйста как связать фронтэнд и бекэнд с помощью 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>
