1

JSON に依存してフォームをデータベースに送信するモバイル アプリを作成しています。送信機能があります：

function sendJson(service, method, json) {
    var request = $.ajax ({
        type: 'POST',
        url: '/remoteserver/service/' + service + '/' + method,
        dataType: 'json',
        async: false,
        data: JSON.stringify(json),
        success: function (msg) {
            alert('Success ' + JSON.stringify(msg.location));
        },
        error: function(msg) {
            alert('YOU SUCK' + JSON.stringify(msg));
        }
     });
}

現在、次のようなものを使用してjSON文字列を設定しています：

$("element").click(function(){
    var wrapper = {};
    var location = {};
    wrapper.location = location;
    location.name = $('#name').val();
    location.address1 = $('#address1').val();
    location.address2 = $('#address2').val();
    location.city = $('#city').val();
    location.state = $('#state').val();
    location.country = $('#country').val();
    location.zipCode = $('#zipCode').val();
    location.contactName = $('#contactName').val();
    location.contactPhone = $('#contactPhone').val();
    sendJson("locationService", "createLocation", wrapper);    
});

私の質問はこれです - このアプリには 100 近くのフォームがあります。各 jSON 要素 (? - IE location.name) をフォーム フィールドにマップするにはどうすればよいですか?明示的に述べるlocation.name = $('#name).val();必要はありません。私は広範囲に検索しましたが、すべてが私がやろうとしていることには適していないようです. ありがとうございました。

4

2 に答える 2

2

jQuery を使用してフォーム データを JavaScript オブジェクトに変換するを参照してください。

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

これで、次のようにシリアル化できます。

$('#YourFormID').serialzeObject();
于 2013-05-22T20:03:00.477 に答える
1

使用できます.serialize()

一連のフォーム要素を送信用の文字列としてエンコードします。

したがって、次のことができます。

var data = $('#YourFormID').serialize();
于 2013-05-22T19:57:50.910 に答える