【问题标题】:Edit form field in Django on click and update in database单击并在数据库中更新时在 Django 中编辑表单字段
【发布时间】:2014-06-02 22:52:38
【问题描述】:

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

如何处理没有提交按钮的 POST 操作?

【问题讨论】:

    标签: javascript jquery django forms


    【解决方案1】:

    您可以使用 JavaScript(Jquery) 来做到这一点,blur 事件

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

    关于$.post见:https://api.jquery.com/jQuery.post/

    模板.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中写一个特殊的url(/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
    

    【讨论】:

    • 如果否决,请告诉我原因。我会改变我的答案并提高自己。谢谢
    • 我做到了 - 你已经从 $.get 更改为 $.post(这是有道理的),但你没有处理 CSRF,所以我认为 Django 甚至不会在不声明的情况下允许这样做安全(但你应该让它安全)。 mouseout 事件是错误的解决方案(模糊似乎更合适),并且绑定它的方法也严重过时。最后,我不知道你为什么要提供一个只返回服务器响应的回调。
    • 可以一起发布CSRF值
    • 是的你可以,但是你的答案没有
    • 好的,谢谢您的建议。我改变了我的答案^_^。我是新手,还有很多东西需要学习
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-22
    • 2019-12-02
    • 2012-04-07
    相关资源
    最近更新 更多