0

我正在尝试做一些简单的事情，但我显然错过了一些东西。我想将表单中的数据发布到使用json. 简单吧？

我有我的 HTML

    <div id="addDiv">
    <form id="addItemForm">
        <fieldset>
            <label for="title">Title</label> 
            <input id="title" class="txt" type="text" name="title"/></BR>

            <label for="url">URL</label> 
            <input id="url" class="txt" type="text" name="url"/></BR>

            <label for="author">Author</label> 
            <input id="author" class="txt" type="text" name="author"/>

        </fieldset>
    </form>
</div>

然后在我的js文件中我这样做：

              JSONdata = JSON.stringify($('#addItemForm').serialize());
          console.log("Form transformed to: " + JSONdata);

有效负载输出（JSON数据）：

Form transformed to: "title=tgtg&url=5rfrf&author=yhyhyyh"

我的 Ajax 代码以防万一：

    $.ajax({
    type: "POST",
    url: serviceUrl,
    dataType: 'json',
    data: JSONdata,
    contentType : 'application/json',
            ............

所以我看到的问题是json字符串不是有效的[{ "title": "tgtg", "url": "5rfrf" .... },{...}]

因此，我的服务失败了。
我尝试过使用 REST 测试仪，服务没有问题，问题是当我尝试通过jquery.

我也尝试过，serializeArray()但我得到一个不同的有效载荷也不正确：

[{"name":"title","value":"tgtg"},{"name":"url","value":"5rfrf"},...]

换句话说，我找不到一种方法来创建适当的json字符串以通过邮件发送。

提前致谢！

4

1 回答 1

1

你不想用serialize，​​但是serializeArray方法。如果您在对象中需要它，那么您仍然可以创建对象的name-value对属性：

var res = {},
    arr = $('#addItemForm').serializeArray();
for (var i=0; i<arr.length; i++)
    res[arr[i].name] = arr[i].value;
于 2013-08-26T20:35:08.810 回答