django ajax传参数

最新推荐文章于 2023-09-21 06:47:49 发布

原创最新推荐文章于 2023-09-21 06:47:49 发布 · 4.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一个前后端交互的具体案例，包括前端使用jQuery发起POST请求，传递文件名参数，并展示OCR识别后的身份证号码；后端通过解析请求体获取参数并响应。此过程涉及前端页面元素更新及异步请求处理。

获取参数:

param= json.loads(request.body.decode('utf-8'))

# file_name= param["filename"]

传递参数：

function select_img(index) {
     $("#demo-origin-idcard").html("<br /><img src='/static/demo-card-"+index+".png'>");
        $.ajax({
        url:'/idcard_ocr_by_name',
        type:'POST',
        data: JSON.stringify({type:'model', filename:index}),
        dataType:'json',
        contentType: false, // tell jquery not to set contentType
        success: function(callback) {
            var json = eval('(' + callback + ')');
            var eValue=json['data'];
            $("#demo-result-idcard").find(".card-no").html(eValue['numstr']);
        }
    }); // end ajax
}

获取参数:

param= json.loads(request.body.decode('utf-8'))

# file_name= param["filename"]

传递参数：

function select_img(index) {
     $("#demo-origin-idcard").html("<br /><img src='/static/demo-card-"+index+".png'>");
        $.ajax({
        url:'/idcard_ocr_by_name',
        type:'POST',
        data: JSON.stringify({type:'model', filename:index}),
        dataType:'json',
        contentType: false, // tell jquery not to set contentType
        success: function(callback) {
            var json = eval('(' + callback + ')');
            var eValue=json['data'];
            $("#demo-result-idcard").find(".card-no").html(eValue['numstr']);
        }
    }); // end ajax
}