Dropbox API:通过Ajax将数据发送到Controller

时间:2016-07-12 08:32:19

标签: javascript ajax asp.net-mvc-4 dropbox-js

我正在使用Dropbox API JavaScript Chooser,并希望将响应中的数据返回到我的控制器

Dropbox API的Javascript选项

options = {
    success: function (files) {
        $.ajax({
            url: '/FileTransfer/FileData',
            type: "POST",
            dataType: "json",
            //data: JSON.stringify(files[0]),
            data: files,
            success: function (result) {}
        });
    },
    cancel: function () {},
    linkType: "preview", 
    multiselect: true
};

控制器操作

我的控制器操作目前暂时没有做任何事情,但一旦我可以将数据传递到模型中,最终会将输出数据缓存到模型中,这是我的问题。

    public JsonResult FileData(string model)
    {
        return Json(new { success = true });
    }

2 个答案:

答案 0 :(得分:0)

ADyson的提示帮助我解决了我的问题,谢谢

更改下面的代码,注意对数据的更改:然后在Controller中反序列化

<强>的Javascript

options = {
    success: function (files) {
        $.ajax({
            url: '/FileTransfer/FileData',
            type: "POST",
            dataType: "json",
            data: { result : JSON.stringify(files) },
            //data: files,
            success: function (result) {
                $("#FileList").load('/FileTransfer/Cloud');
                console.log(result);
             },
            error : function (jQXHR, textStatus, errorThrown) {
                //alert("An error occurred: " + jQXHR.status + " " + textStatus + " " + errorThrown);
            }
        });
    },
    cancel: function () {},
    linkType: "preview", 
    multiselect: true
};

<强>控制器

    public JsonResult FileData(string result)
    {
        var convertedResult = JsonConvert.DeserializeObject<List<DropboxFile>>(result);

        CacheEntity(convertedResult);

        return Json(new { success = true });
    }

答案 1 :(得分:0)

建议后重构代码

<强>的Javascript

if

<强>控制器

options = {
    success: function (files) {
        $.ajax({
            url: '/FileTransfer/FileData',
            type: "POST",
            dataType: "json",
            data: { result : files},
            success: function (result) {
                $("#FileList").load('/FileTransfer/Cloud');
            },
            error : function (jQXHR, textStatus, errorThrown) { }
            });
        },
        cancel: function () {
    },

    linkType: "preview", 
    multiselect: true 
};