將表單數據轉換為對象

Question

我不想將數據發布到我想將其傳遞到接收對象的客戶端函數的服務器上。 最好的方法是什么？

Answer 1

你可以這樣創建自己的對象：

<form name='f1'>

<input type='text' name='firstname' />
<input type='text' name='lastname' />

</form>

window.onload = function()
{
    var Person = 
    {  
      'FirstName' : document.f1.firstname.value, 
      'LastName' : document.f1.lastname.value 
    }
}

JSON object只是一個常規的Javascript對象，因為JSON是Javascript的子集。

Answer 2

如果您正在使用jQuery，您可能需要查看它提供的.serializeArray（）函數，因為它可以在單個調用中執行所有操作。 使用TJ的例子 ;

<script type="text/javascript">
    $(function () {
        $('form[name="f1"]').submit(function() {
            var person = $(this).serializeArray();
            // Do what you will with 'person' now...
        });
    });
</script>
<form name="f1">
    <input type="text" name="firstname" />
    <input type="text" name="lastname" />
    <input type="submit" value="Submit" />
</form>

這樣，您不必手動構建對象並為每個字段聲明屬性，這有助於避免人為錯誤。

如果由於某種原因您不想使用jQuery，那么您可以隨時查看代碼以查看所使用的邏輯並創建自己的函數。