当 AJAX 在 Django 中保存（并重新填充）我的表单时，为什么我会得到 '

Question

我正在使用 AJAX（以及一些 Angular）保存我的表单草稿。

<!-- index.html -->

...
<input id="id_title" name="title" ng-model="title" placeholder="Question Title" type="text" value="" required />
...

<script>

    app.controller("addQuestionCtrl", function($http) {

        $scope.title = '{% if form.title.value is not None %}{{ form.title.value }}{% endif %}';
        ...

        $interval(function() {
            ...
            data = {title:''+$scope.title, ...};
            $http.post("{% url 'save_draft' %}", data).then(function(response) {
                ...
            }, function failureCallback(error) {
                ...
            });
        }, 10000);

    });

</script>

这一切正常，并将' 作为' 发送。在我的view.py 中，我转换数据并将其存储在会话中：

def save_draft(request):
    ....
    posted = json.loads(request.body.decode("utf-8"))
    ...
    request.session['draft'] = {
        'title': posted.get('title', None),
        ...
    }

然后在页面加载时填充相关字段

def question_add(request):
    ....
    if request.method == 'POST':
        ....
    else:
        draft_question = request.session.get('draft', False)
        if draft_question:
            form = QuestionAddForm(initial={
                'title':draft_question['title'],
                ...
            })

不幸的是，这变成了这个

进入这个

这不是客户端的编码问题，因为字段呈现为

 <input id="id_title" name="title" ng-model="title" ... value="&#39;title in quotes&#39;" />

我不确定为什么会这样:(

Answer 1

你应该怎么做（这只是代码草案）：

class QuestionAddForm(forms.ModelForm):
    # ...

    def draft_json(self, request):
        # use attribute or pass request to form init method
        draft_data = request.session.get('draft', False)
        return json.dumps(draft_data)


# in your view
context['draft_json'] = form.draft_json(request)


# in template
<script>
    var draft_data = JSON.parse('{{ draft_json|safe }}');
    $scope.title = draft_data.title
</script>

这里的重点是使用json格式渲染和解析数据。 更好的方法是使用 ajax 而不是从后端传递草稿数据，以避免将 js 代码与模板渲染的内容混合。