jquery ajax发送和接收数据实例

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");
                        }
                 });