formData不附加也不发送

时间:2016-07-15 17:04:26

标签: javascript jquery html ajax forms

我知道这个问题可能是重复的,但我已经对他们的每个方法进行了验证,似乎都没有。

基本上,我的问题是FormData();对我来说不起作用,无论是使用FormData(myform)创建实例还是只使用append创建一个独立的formdata(),它都没有做任何事情。

这是我正在测试的代码:

HTML

public static class ValidatorNotExistHelper
{
    public static string Country(int id)
    {
        return IdToString(ExistsHelper.Country,
                          GetTranslation(ConfigTranslationCode.CountryNotExist), id);
    }

    public static string State(int id)
    {
        return IdToString(ExistsHelper.State,
                          ConfigTranslationCode.StateNotExist, id);
    }

    public static string City(int id)
    {
        return IdToString(ExistsHelper.City,
                          ConfigTranslationCode.CityNotExist, id);
    }

    private static string IdToString(Predicate<int> exists, string defaultValue, int id)
    {
        return (!exists(id)) ? defaultValue : string.Empty;
    }
}

JAVASCRIPT(now.js)

<form id="form">
        <input type="hidden" name="id" id="id" value="1">
        <input type="text" name="title" id="title">
        <select name="category" id="category">
            <option value="1">1</option>
        </select>
        <textarea name="desc" id="desc"></textarea>
        <input type="file" name="cover" id="cover">
        <div id="content">
            Hello World
        </div>
        <input type="submit" name="submit" value="Submit">
    </form>
    <script src="js/jquery-2.2.1.js"></script>
    <script src="js/now.js"></script>

我很想帮助一些人。

PS。 Console.log(formData)是一团糟,之后也看不到任何内容,网络时间线运行,但没有输出。

谢谢你们,

2 个答案:

答案 0 :(得分:0)

我试过从角度和下面做的,我放了一些做同样事情的片段。

$scope.upload = function () {
        var file = $scope.file;
        var obj = new Object();
        var fd = new FormData();
        fd.append("paramOne","xyz");
        fd.append("paramTwo","xyz");
        fd.append("file", file);        
        var uploadUrl = "/someUrl";
        $http.post(uploadUrl, fd, {
            transformRequest: angular.identity,
            headers: {
                'Content-Type': undefined
            }
        }).success(function (data) {
                console.log("Call successful");
        });
    }

我希望这能为解决问题提供一些见解。我可以想到缺少标题或transformationRequest部分!!

我认为这篇文章可以帮助你Using Multipart without Form in Spring MVC

答案 1 :(得分:0)

好的,我解决了它:

我将我输入的代码复制并粘贴到我的文件中。事实证明我在I上有一个撇号。我不小心有类型=fíle。错字。此外,没有任何内容输出到data.txt文件。如果您需要弄清楚如何在基本级别上执行ajax表单,请随意使用它作为参考。