情景:当django后台响应前端的ajax请求时,最好的方法就是返回json格式数据,类数据无法直接返回,同样是需要转换为json数据。
例子:
前端html代码:
<!-- 遍历ajax返回的数据,angularjs语法 -->
<tbody >
<tr ng-repeat="obj in md5_form_list">
<td> {[ $index+1 ]} </td>
<td> {[ obj.deploy_file ]} </td>
<td> {[ obj.md5_source ]} </td>
<td> {[ obj.remote_file ]} </td>
<td> {[ obj.md5_remote ]} </td>
<td> <span class="label label-danger" ng-if="obj.check_result==0">error</span>
<span class="label label-success" ng-if="obj.check_result==1">success</span>
</td>
</tr>
</tbody>
前端js代码:
//ajax请求到后端,angularjs的ajax请求
$http({
method:'post',
url: "/sky/deploy/md5Check",
headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}, //需要加上头
data:$.param({"hostIp":deployChecked[0], "orderCode":order_code})
}).success(function(response,status){
// 通过这种下标形式即可获取后台返回的数据,html页面就可使用ng-repeat获取数据
$scope.md5_form_list = response["md5_form_list"]
$scope.result_all = response["result_all"]
})
后台代码:
import json
# md5校验
@login_required
@csrf_exempt
def md5_check(request):
# 获取前端传过来的数据
host_ip = request.POST["hostIp"]
order_code = request.POST["orderCode"]
# 查询数据库
host = Host.objects.filter(ip=host_ip)[0]
order = Order.objects.filter(order_code=order_code)[0]
# md5_form_list是一个字典类型的list
md5_form_list, result_all = services.md5_check(order, host)
# 再构建一层dict,反正数据结构还是比较清晰
result = {"md5_form_list": md5_form_list, "result_all": result_all}
# 关键步骤:转化为json格式,并返回给前端
return HttpResponse(json.dumps(result), content_type="application/json")
所以,使用json数据还是非常方便的。