学无先后,达者为师

网站首页 编程语言 正文

JQuery异步post上传表单数据标准化模板_jquery

作者:Crayon鑫   更新时间: 2022-04-25 编程语言

HTML代码:

    
    
    
    
    

jquery代码:

$("#form").submit(function (e) { 
    e.preventDefault();//阻止表单刷新,也可以函数最后加上 return false;
    var formData = new FormData($("#form")[0]);//formData对象实例化的参数必须为DOM,加上[0]jquery对象转为dom对象
    $.ajax({
        url:"http://0.0.0.1/api", /*接口域名地址*/
        type:'post',
        data: formData,
        contentType: false,
        processData: false,
        //如果是跨域请求,请加上下面四行
        //xhrFields: {
        //    withCredentials: true
        //},
        //crossDomain: true,
        success:function(res){
            console.log(res);
            //根据返回的JSON格式数据判断数据传输状态,这个看后端返回的啥数据,没有标准。
            // if(res.data["code"]=="succ"){
            //     alert('成功');
            // }else if(res.data["code"]=="err"){
            //     alert('失败');
            // }else{
            //     console.log(res);
            // }
        },
        error:function(error){
            console.log(error);
        }
    })
});

后端Flask数据处理:

@app.route('/api',methods=['GET','POST']) 
def api():
    # for item in request.form:
    #     print(item)
    d1 = request.form.get("l1")
    d2 = request.form.get("l2")
    d3 = request.form.get("l3")
    file = request.files.get('file') 
    print(file)
     dict = {"code":"200","data":"处理完毕"}
    return jsonify(dict)

原文链接:https://blog.csdn.net/Crayonxin2000/article/details/122615939

栏目分类
最近更新