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