Django实现ajax提交
场景：前端框架用layui, 提交的是textarea
页面：
<form method="POST">
{% csrf_token %}
<div class="layui-form-item">
<div class="layui-col-md6 layui-col-xs-12">
<label class="layui-form-label">页面地址</label>
<div class="layui-input-inline">
<textarea class="layui-textarea" name="urlstext" placeholder="请输入地址（一行一条以http开头）"></textarea>
<button class="layui-btn" lay-submit="" lay-filter="srh">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
<div class="layui-col-md6 layui-col-xs-12">
<label class="layui-form-label">查询结果</label>
<div class="layui-input-inline">
<textarea class="layui-textarea mg1em" name="res" id="resultstext">
</textarea>
</div>
</div>
</div>
</form><script>
layui.use(['form', 'layer'], function () {
$ = layui.jquery;
var form = layui.form,layer = layui.layer;
var posting = false;
//监听提交
form.on('submit(srh)', function (data) {
if (posting) return;
posting = true;
var loading = layer.load(1);
var form = $(this).closest("form");
$.ajax({
url: "query",
data: form.serialize(),
dataType: 'json',
method: 'POST',
success: function (res) {
var items = res.is_taken;
if (items) {
posting = false;
layer.close(loading);
$('#resultstext').val('');
for(var itemindex in items){
$('#resultstext').val($('#resultstext').val()+items[itemindex]+'\n');
}
} else {
posting = false;
layer.close(loading);
layer.msg("查询失败", { icon: 5 });
}
},
error: function () {
posting = false;
layer.close(loading);
layer.msg("查询失败", { icon: 5 });
}
});
return false;
});
});
</script>服务端：
def query(request):
urls = results = []
res = request.POST.get("urlstext", "")
#处理逻辑......
data = { 'results': results }
return JsonResponse(data)
