帮我写一段django代码,前端使用for循环生成多个输入框与按钮,点击按钮使用啊ajax向后端传递输入框中输入的参数
时间: 2024-02-05 22:12:59 浏览: 144
基于django传递数据到后端的例子
好的,以下是一个简单的 Django 视图函数,可以接收 POST 请求,获取前端传递的参数,并返回 JSON 数据。
```python
from django.http import JsonResponse
from django.shortcuts import render
def input_view(request):
if request.method == 'POST':
inputs = request.POST.getlist('input')
# 在这里处理输入数据,比如存入数据库等
return JsonResponse({'status': 'success'})
else:
# 生成多个输入框和按钮
inputs = ['input1', 'input2', 'input3']
return render(request, 'input.html', {'inputs': inputs})
```
在模板文件 `input.html` 中,可以使用 for 循环生成多个输入框和按钮:
```html
{% for input in inputs %}
<div>
<input type="text" name="input" value="{{ input }}">
<button class="submit-btn">提交</button>
</div>
{% endfor %}
<script>
$(function() {
// 绑定按钮的点击事件
$('.submit-btn').click(function() {
var inputVal = $(this).prev().val();
$.ajax({
url: '/input/',
type: 'POST',
data: {'input': inputVal},
success: function(data) {
// 在这里处理返回的 JSON 数据
console.log(data);
}
});
});
});
</script>
```
这里使用了 jQuery 的 ajax 方法来向后端发送 POST 请求,并将输入框中的值作为参数传递。在成功接收到后端返回的 JSON 数据后,可以在 success 回调函数中进行处理。
阅读全文