Django的保存在數據庫中的表單信息和檢索回用ajax

Question

我要保存在數據庫中的細節和使用Ajax檢索回到同一頁。我添加的代碼，供大家參考。請分享你的想法。

models.py

class Personal(models.Model): 
    user=models.ForeignKey(User) 
    name=models.CharField() 
    dob = models.CharField() 
    email = models.EmailField() 
    address1 = models.CharField() 
    address2 = models.CharField() 
    country = models.CharField() 
    state = models.CharField() 
    city = models.CharField() 

Views.py

def profile(request): 
    userid=request.user.id 
    personal=JSPersonal.objects.filter(user_id=userid) 
    return render(request,'registration/profile.html', {'personal':personal}) 

模板（profile.html）

{% if personal %} 
{% for p in personal %} 
<p>Name : {{p.name}}</p> 
<p>DOB : {{p.dob}}</p> 
<p>Email : {{p.email}}</p> 
<p>Address1 : {{p.address1}}</p> 
<p>Address2 : {{p.address2}}</p> 
<p>Country : {{p.country}}</p> 
<p>State : {{p.state}}</p> 
<p>City:{{p.city}}</p> 
{% endfor %} 
{%else%} 
<p>Click <a href="#">Here</a> to add details</p> 
{% endif %} 

通過clickin克「在這裏」模型的形式在這裏得到裝載有進入個人details.Here我需要存儲細節數據庫並返回到相同的頁面，一旦我雛型點擊提交按鈕的空間。只有特定的內容得到加載不是整個頁面。

Answer 1

其基本思想是，你將一個帶有ID的元素放在將要改變的數據的周圍，並將該ID用jQuery.load調用作爲目標。

看到：Render a django table using ajax

Answer 2

我建議你使用此類任務的形式：

$.post('/form/url/', $('form_selector').serialize()) 
    .done(function(data) { ... }) 
    .fail(function(jqXHR) { ... }); 

： https://docs.djangoproject.com/en/dev/topics/forms/

在這種情況下，您可以輕鬆地使用jQuery $。員額（）發送表單

更詳細的回覆： How to POST a django form with AJAX & jQuery