jquery將序列化表單輸入轉換爲xml字符串

Question

我試圖獲取我所有的表單輸入，然後用它們創建一個包含值的xml字符串，以便通過ajax發送它們。

我想這一點：

<form id="formtest"> 
<input type="text" name="test1" id="test1"/> 
<input type="text" name="test2" id="test2"/> 
<input type="text" name="test3" id="test3"/> 
<input type="text" name="test4" id="test4"/> 
<input type="text" name="test5" id="test5"/>   
</form> 

成爲：

<formtest> 
    <test1></test1> 
    <test2></test2> 
    <test3></test3> 
    <test4></test4> 
    <test5></test5> 
</formtest> 

如何才能做到這一點？

感謝提前。

Answer 1

首先，內jQuery的創建XML文檔：

var xml = $('<xmlBody></xmlBody>'); //<xmlBody> can be replaced with whatever tag is appropriate for your uses 

添加值，像這樣：

xml.find('xmlBody').first().append('<tag>'+data+'</tag>'); 

您可能需要一個插件序列化的XML。 This，也許？

這是一個非常簡單的例子，但希望它能幫助您入門。瀏覽jQuery docs瞭解更多信息。

Answer 2

var xml = $('<formtest></formtest>'); 

$("form#formtest input").each(function(){ 
    xml.find('formtest').first().append('<' + $(this).attr('id') + '>' + $(this).val() + '</' + $(this).attr('id') + '>'); 
});