我想将调查表格内部页面上出现的jQuery UI slider的值发布到Django SessionWizardView。我对JavaScript和jQuery相当陌生,但对Python 2.7.3/Django 1.6.2有一些经验。如何在Django视图中POST和捕获jQuery ui-slider输出值?
问题:如何通过POST在Django视图中发送和捕获从jQuery ui-slider发送的数据?
aditional的问题/信息
- I have been having an issue with CSRF validation which may be the root cause of the issue.
- 有,我应该使用一个特定的方法是什么?
- 我在下面采取的步骤中缺少什么?
wizard_form.html
我有一个jQuery UI的滑块从a tutorial by Thoriq Firdaus采用。这出现在我的SessionWizardView内部页面上。
<form action="" method="post">{% csrf_token %}
<table>
{{ wizard.management_form }}
{% if wizard.form.forms %}
{{ wizard.form.management_form }}
{% for form in wizard.form.forms %}
{{ form }}
{% endfor %}
{% else %}
{{ wizard.form }}
{% endif %}
</table>
{% load staticfiles %}
{% if 'surveyone' in request.path %}
{% if wizard.steps.current in steps %}
<img src="{% static "survey/images/pathone/" %}{{display_image}}" height="600" width="500" style="border:1px solid black;" align="middle"/>
<section>
<span class="tooltip"></span>
<div id="slider"></div>
<span class="volume"></span>
</section>
/my_project/src/survey/static/survey/js/slider.js
这是我slider.js代码中的相关部分。我正在尝试使用jQuery.post将value
发布到我的Django视图。
slide: function (event, ui) {
var value = slider.slider('value'),
volume = $('.volume');
console.log(value)
$.post("/surveyone/", {value : value, csrfmiddlewaretoken : '{{csrf_token}}' });
},
/my_project/src/survey/views.py
这是我SessionWizardView包含get_context_data
和done
方法,两种方法的正常工作。我的问题是我不确定如何'接收'发布的数据。
我已经通过窗体向导文档阅读,但没有站出来,最接近的就是render(self, form=None, **kwargs):
方法,但认为它应该被使用的“GET后或POST请求已处理”
class SurveyWizardOne(SessionWizardView):
def get_context_data(self, form, **kwargs):
context = super(SurveyWizardOne, self).get_context_data(form, **kwargs)
if self.steps.current in ['5','6','7','8','9','10','11','12','13','14','15','16']:
step = int(self.steps.current)
if step in (5, 6, 7):
image = random.choice(PATH_ONE_IMAGES)
images.insert(step - 5, image)
PATH_ONE_IMAGES.remove(image)
context['display_image'] = image
elif step == 8:
context['first_image'] = images[0]
context['second_image'] = images[1]
context['third_image'] = images[2]
elif step in (9, 10, 11):
image = random.choice(PATH_ONE_IMAGES)
images.insert(step - 6, image)
PATH_ONE_IMAGES.remove(image)
context['display_image'] = image
elif step == 12:
context['fourth_image'] = images[3]
context['fifth_image'] = images[4]
context['sixth_image'] = images[5]
steps = ['5','6','7','9','10','11']
dv_steps = ['8','12']
context.update({'steps': steps,
'dv_steps': dv_steps
})
def done(self, form_list, **kwargs):
return render(self.request, 'Return_to_AMT.html', {
'form_data': [form.cleaned_data for form in form_list],
})
所以实质上,我不确定接下来要做什么/尝试。任何人都可以提供任何提示或提示吗?
这js小提琴可以帮助您与前端js代码。 http://jsfiddle.net/bU6EV/12/ – 2014-10-13 20:17:42