javascript和django

我正在从PHP转换到Django，这是一场真正的斗争。我想做一个内联编辑（与PHP和Ajax的微风），但我真的，真的卡住了。很抱歉，下面的代码太多了

我已经呈现了一个包含许多字段的2个div，所有这些都是一样的。一个显示，另一个隐藏。单击编辑按钮时，将显示要更新的div，数据位于输入框和选择下拉列表中，以便用户cna进行更改。HTML如下“

非常感谢大家的帮助。谢谢

---

Richard

尽管我从未使用过django应用程序，但有一些django应用程序可以帮你完成这项工作

快速的谷歌搜索给了我这样一个信息：，也许有更多甚至更好的解决方案

如果你真的想自己编写所有的代码，我建议使用一个，而不是手动将所有字段放在一起

然后你可以用一些javascript钩住你的表单提交，让它通过AJAX提交。我用它来完成这样的任务，但是任何其他js库（prototype、dojo、mootools等等）也可以完成这项工作

在django中，只需保护文档中描述的数据，并将其传递回响应中呈现的数据即可。AJAX调用成功后，使用响应文本更新页面，即可完成操作

对于视图，您也可以使用django的

---

您可能还对此感兴趣：

我看不出Django与PHP有什么不同。原理完全相同：JS收集数据，通过Ajax发布数据，并用响应更新HTML。服务器端代码只是保存并返回Ajax的结果：要么作为JSON，要么作为预呈现的HTML片段。

谢谢Daniel，但是我该怎么做？这就是问题所在！收集数据的jquery代码是什么，我该如何通过Ajax传递数据，然后如何保存新数据并刷新查询集？我被卡住了！但是你说你已经知道如何使用PHP和Ajax来做这件事了。Javascript方面会完全相同。谢谢你，还有什么django def视图是否应该收集javascript，然后更新记录？

<div id="display1">
    <span style="width:50px;">
      <button class="edit" onclick="javascript:toggle('1')">EDIT</button>
    </span>
    <span>
        <a href="/recruit/1/">Blair Leighton</a>
    </span>
    <span>
        Intertrust Private Partners 
    </span>
    <span>
        Japan 
    </span>
    <span>
        hands off 
    </span>
    <span>
        not connected 
    </span>
    <span>
        notes 
    </span>
</div>
<div class="noshow" id="edit1">
    <span style="width:100px;"><button class="update" id="1">update</button></span>
    <span>
        Blair Leighton
    </span>
    <span style="width:220px;">
        <input type="textfield" style="width:210px;" id="new_company" value="Intertrust Private Partners" />
    </span>
    <span>
        <input type="text" id="new_country" value="Japan" />
    </span>
    <span>
        <select id="new_status">
            <option value="no contact">no contact</option>
            <option value="no contact">hands off</option>
            <option value="no contact">ongoing</option>
            <option value="no contact">sent email</option>
            <option value="no contact">waiting</option>
            <option value="no contact">trash</option>
        </select>
    </span>
    <span>
        <input type="text" id="new_connection" value="not connected" />
    </span>
    <span style="width:220px;">
        <input type="textfield" style="width:210px;" id="new_notes" value="notes" />
    </span>
</div>

class recruit(models.Model):
    first_name = models.CharField(max_length=25)
    last_name = models.CharField(max_length=35)
    position = models.CharField(max_length=55)
    company = models.CharField(max_length=55)
    country = models.CharField(max_length=125)
    connection = models.CharField(max_length=55)
    status = models.CharField(max_length=55)
    phone = models.CharField(max_length=55)
    placed = models.CharField(max_length=55)
    placed_with = models.CharField(max_length=55)
    skype = models.CharField(max_length=55)
    notes = models.TextField()
    company_url = models.CharField(max_length=125)