Question

我想发一些人链接让我们说：

http://www.example.com/form/?q=example@me.com

如果他们点击链接，它将转到页面/表单/其中是包含多个字段的表单。

我想用填充“电子邮件”输入

的q字符串预先填充它

字段“example@me.com”中指定电子邮件的字段。

网站是在Django完成的，想问一下实现这个目标的最佳方法是什么。

我应该使用JS，Jquery，Django吗？不知道从哪里开始。

想要这样的事情：

http://support.unbounce.com/entries/307658-Can-I-pre-populate-a-form-with-URL-parameters-VIDEO-

但在我的网站上。有人可以用简单的形式和例子来帮助吗？

由于

models.py

from django.db import models

class Example(models.Model):
    username = models.CharField(max_length=200, blank=True)
    email = models.CharField(max_length=200)
    image = models.ImageField(upload_to='profiles', blank=True)
    text = models.CharField(max_length=200, blank=True)

forms.py

from django import forms

from models import Example

class ExampleForm(forms.ModelForm):
    class Meta:
        model = Example

views.py

from django import forms
from models import Example
from forms import ExampleForm

from django.template import RequestContext, Context
from django.core.context_processors import csrf

from django.shortcuts import render_to_response
from django.shortcuts import render_to_response, get_object_or_404

from django import http

import os
import json
from django.http import HttpResponse
from django.http import HttpResponseRedirect
from django.conf import settings

def index(request):
    if request.method == "POST":
        form = ExampleForm(request.POST, request.FILES)
        if form.is_valid():
            form.save()
            return http.HttpResponseRedirect('/success/')
    else:
        form = ExampleForm()

    return render_to_response('index.html', {'title': 'Example Form', 'form': form},context_instance=RequestContext(request))

urls.py

from django.conf.urls import patterns, include, url
from django.conf import settings

from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
    url(r'^$', 'signup.views.index', name='index'),
    url(r'^admin/', include(admin.site.urls)),
)

索引模板

<form id='add_cat' method='post' enctype="multipart/form-data">{% csrf_token %}


    <input id="id_username" maxlength="200" name="username" type="text" placeholder="username"> 
    <input id="id_email" maxlength="200" name="email" type="text" >   

    <input id="id_picture" maxlength="200" name="picture" type="text">

    <textarea id="id_text" row="3" name="first_text" placeholder="Type something…"></textarea>

    <input id="add_cat_btn" type='submit' value="save">

 </form>

Answer 1

request.GET.copy()会给你一本字典，并将其作为initial字典传递。

initial = request.GET.copy()
form = MyForm(initial=initial)

它将填充表单中存在的字段。

如果您可以GET和POST互换，

def index(request):

    initial = {}
    if request.GET:
        initial = request.GET.copy()

    form = ExampleForm(initial=initial)

    if request.method == "POST":
        if request.POST:
            initial = request.POST.copy()
        form = ExampleForm(request.POST, request.FILES, initial=initial)
        if form.is_valid():
            form.save()
            return http.HttpResponseRedirect('/success/')


    return render_to_response('index.html', {'title': 'Example Form', 'form': form },context_instance=RequestContext(request))

Answer 2

您可以在Django或JavaScript中执行此操作。

以下是使用此问题的getParameterByName的JavaScript解决方案。

在JS中执行此操作的优点是，它可以让您缓存服务器响应，而不需要对每个用户请求进行服务器计算。

为您的电子邮件表单字段添加一个ID，例如emailfield，然后您可以执行类似

的操作

var emailField = document.getElementById("emailfield");
emailField.value = getParameterByName("email"); // "q" in your example url

在你的ready或onload处理程序中（或者只是在作为body部分中最后一个东西放置的脚本标记中）

Here is a fiddle

它不起作用，因为它将代码放在iframe中，因此您无法访问GET参数，如果您检查iframe，您可以看到它有效：

以下是http://fiddle.jshell.net/FA9fQ/show/light/?email=hello

示例

Answer 3

karthikr's answer是正确的。对于任何想要使用Django的基于类的视图执行此操作的方法，可以使用get_initial方法完成此操作。以下是一个可重复使用的示例：

class RequestInitialFormViewMixin(object):
    """Pass Request.GET as initial values to Form"""
    def get_initial(self):
        initial = super(RequestInitialFormViewMixin, self).get_initial()
        if self.request.GET:
            for key, value in self.request.GET.items():  # QueryDict, each value is a list
                if len(value) == 1:
                    initial[key] = value[0]
                else:
                    initial[key] = value
        return initial

class MyFormView(RequestInitialFormViewMixin, FormView):
    # ...

请注意，request.GET会返回QueryDict，其中包含每个值的列表。

Django / Jquery / Javascript - 如何使用url参数预填充表单（自动填充表单）

3 个答案:

Here is a fiddle

以下是http://fiddle.jshell.net/FA9fQ/show/light/?email=hello