Ajax 帶有原型和 Django 的自動完成功能

Question

我想集成 Django 和 JavaScript 原型庫來為表單創建自動完成功能。 任何人都可以推薦使用 Django 嘗試過的原型功能嗎？ 有這個代碼， 還有這個，我想知道是否有人會推薦其中一個用於 Django。 謝謝！

Answer 1

我從這個站點下載了代碼並按照那里的說明進行操作，這很簡單。 只需包含prototype.js、scriptaculous.js 和AutoComplete.js 文件。 然后從說明中復制粘貼，並將 url 從assets/ac.php?m=text&s=更改為?m=text&s=或者甚至只是?s=如果您只需要一個查詢參數。

    <input type="text" id="my_ac3" name="my_ac" size="45" autocomplete="off"/> 
    <script type="text/javascript"> 
    new AutoComplete('my_ac3', '?s=', { delay: 0.25, resultFormat: AutoComplete.Options.RESULT_FORMAT_TEXT }); 
    </script>

在服務器端，您認為該頁面的 function 啟動 function ：

    if request.is_ajax():
        #match the users input here, perhaps using data from your database and/or regular expressions
        text = #response text to return, in my case since I chose Options.RESULT_FORMAT_TEXT as my resultFormat, it's a string where each autocomplete item is separated by '\n'
        return HttpResponse(text, mimetype='text/plain')  # mimetype is text here in my case

然后將視圖 function 的 rest 放在 else 子句下。