在Django中编辑表单字段,单击并更新数据库

时间:2014-04-18 12:16:49

标签: javascript jquery django forms

这就是我要找的东西。 我有一个UpdateView,它使用从数据库加载的字段从CreateView呈现表单。相反,我的编辑表单有 readonly html attribue。所以我需要的是在单击表单字段时删除readonly,当我输入新值时,它会在cursos移动到下一个字段时自动更新。

如何使用提交按钮处理POST操作?

1 个答案:

答案 0 :(得分:0)

您可以使用JavaScript(Jquery)来执行此操作,blur事件

已编辑:关于CSRF验证,请参阅https://docs.djangoproject.com/en/dev/ref/contrib/csrf/#ajax

关于$.post,请参阅:https://api.jquery.com/jQuery.post/

template.html

<script type="text/javascript" src="/media/js/jquery-1.10.2.min.js"></script>
<script>
// using jQuery
function getCookie(name) {
  var cookieValue = null;
  if (document.cookie && document.cookie != '') {
    var cookies = document.cookie.split(';');
    for (var i = 0; i < cookies.length; i++) {
      var cookie = jQuery.trim(cookies[i]);
      // Does this cookie string begin with the name we want?
      if (cookie.substring(0, name.length + 1) == (name + '=')) {
        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
        break;
      }
    }
  }
  return cookieValue;
}

$(document).ready(function(){
  $("#myinput").blur(function(){
  var csrftoken = getCookie('csrftoken');
  $.ajaxSetup({
    beforeSend: function(xhr) {
      xhr.setRequestHeader("X-CSRFToken", csrftoken);
    }
  });

  $.post('/link-to-fun/',{"value":value});
  }); 
});
</script>

<input type="text" id="myinput">

url.py

在views.py

中编写一个特殊网址(/ link-to-fun /)
url(r'^link-to-fun$', views.change_db_value),

views.py

def change_db_value(request):
    value = request.POST.get('value','')
    # database operation