jquery ajax发送和接收数据实例

墨蓝 2022-05-11 05:04 239阅读 0赞

1、发送数据实例：

# 前端向后台发送数据
                        var formData = new FormData();
                        formData.append('notice_id' , notice_id)；
                        formData.append('index',image_index);
                        $.ajax({
                            type:"POST",
                            url: '{
       { url_for('main.upload_images') }}',
                            data:formData,
                            dataType:'json',    # 接收服务器（后台）返回的数据类型
                            contentType: false,
                            processData: false,
                            cache:false,            # 默认值: true，设置为 false 表示不缓存此页面
                            # async:true,   # 默认值为true, 所有请求均为异步请求。
                                            # 如果需要发送同步请求，请将此选项设置为 false。
                                            # 注意同步请求将锁住浏览器，用户其它操作要等待请求完成。
                            success: function(data) {
                                    $.hideLoading();
                            },
                            error: function() {
                                $.hideLoading();
                                $.alert('服务器繁忙，上传图片失败', function () {
                                     $('.weui-mask').fadeOut(200);
                                });
                            }
                        });
    
    
    
    # 后台views.py文件接受数据
    
        if request.method == 'POST':
            notice_id = request.form.get('notice_id')  # 接收表单数据
            index = request.form.get('index')
            upload_image = request.files['uploadImage']
            return jsonify({'data': 1})
        return jsonify({'data': 0})

2、ajax接收数据实例：

def register_handle():
        if request.method == 'POST':    # 接收数据
            user_name = request.form.get('user_name')
            user_id = request.form.get('user_id')
            user_mobile = request.form.get('user_mobile')
            sessions = load_sessions()  # 获取数据库会话
            isExist = sessions.query(userInfo).filter(userInfo.card == card_id).first()
            if isExist:
                data = "exist"
            else:
                print("point3")
                data = "success"
            return jsonify({'data': data})        # 返回json格式的数据，即向ajax发送数据
    
    
    
    
    # ajax 接收数据
    
    
     var formData = new FormData();
                   formData.append('child_name', name);
                   formData.append('card_id', card);
                   formData.append('user_name', user_name);
                   formData.append('user_id', id);
                   formData.append('user_mobile', user_tel);
                   $.showLoading("正在绑定");
                   $.ajax({
                            type:"POST",
                            url: '{
       { url_for('main.register_handle') }}',
                            data:formData,
                            dataType:'json',
                            contentType: false,
                            processData: false,
                            cache:false,
                            success: function(data) {   # data 参数即为接收的数据
                                $.hideLoading();
                                if(data['data'] == "exist"){      # jason格式的数据
                                    $.toast("此卡已被绑定", "forbidden");
                                      }
                                if(data['data'] == "success"){
                                    $.toast("绑定成功");
                                }
                            },
                            error: function() {
                                $.hideLoading();
                                $.toast('绑定失败，请刷新页面后重试', "forbidden");
                            }
                     });