在Django模板中使用ajax更新按钮单击时的数据

时间:2020-07-15 11:32:43

标签: html django ajax

在单击下一步时,我想将John更改为另一个用户,而无需重新加载页面。无法弄清楚如何从我的视图文件中获取新数据并将其传递给模板。在下面包含了我的ajax代码。第一次尝试后更正了我的代码。

enter image description here

我的模板


<body>
    <table>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Age</th>
            <th>Status</th>
        </tr>
        <tr>
            
            <td>{{id}}</td>
            <td>{{name}}</td>
            <td>{{age}}</td>
            <td>{{status}}</td>
            
        </tr>
    </table>
    <button type="submit" onclick="" id="next">Next</button>
</body>
</html>

<script>
    $('#next').on('click', function(){
        $("#id").empty();
        $("#name").empty();
        $("#age").empty();
        $("#status").empty();
        ;
        
    $.ajax(
    {
        type: 'GET',
        url: "/users",
        data:{
        },
        success: function(data) 
        {
            ;
            
        }
     })
});
</script>

我的views.py文件


json_data = open('/json/users.json')
data = json.load(json_data)
json_data.close()
random_choice = random.choice(users_list)

id = data[random_choice ]['id']
name = data[random_choice ]['name']
age = data[random_choice ]['age']
status = data[random_choice ]['status']
context = {

'id': id,
'name':name,
'age':age,
'status': status
  
}

0 个答案:

没有答案