"JSON.stringifiy"はJSONの代わりにURLエンコードされたデータを返します

Question

私はASP.NET Webフォームアプリケーションを作成しています。ページの1つに、JQuery .dialog()を使用して登録するためのモーダルフォームがあります。 ASP.NETには1つのページに1つのform要素しか含まれていないという制限があるため（私が作成したモーダルフォームにはDIVタグが使用されています）したがって、外部ラッパーDIVの名前は "register"です。ここではDIVコードだ：

 <div id="register" title="New Member Registration"> 
     <div class="modalCaption"> 
      <span class="red">Fields in red</span> 
      <span>are required. Your information is not shared with anyone and is fully encrypted in our 
      database for your peace of mind.</span> 
     </div> 
     <br /> 
     <div class="row"> 
      <div class="row_label_red">Desired User Name :</div> 
      <div class="row_field"><input type="text" name="userName" size="32" MaxLength="32" /></div> 
     </div> 
     <div class="row"> 
      <div class="row_label_red">Your Email :</div> 
      <div class="row_field"><input type="text" name="email" size="32" MaxLength="64" /></div> 
     </div> 
     <div class="row"> 
      <div class="row_label_red">Password (6 char. min) :</div> 
      <div class="row_field"><input type="password" name="pwd" size="32" MaxLength="32" /></div> 
     </div> 
     <div class="row"> 
      <div class="row_label_red">Confirm Password :</div> 
      <div class="row_field"><input type="password" name="conPwd" size="32" MaxLength="32" /></div> 
     </div> 
     <div class="row"> 
      <div class="row_label">Your Last Name :</div> 
      <div class="row_field"><input type="text" name="lastName" size="32" MaxLength="64" /></div> 
     </div> 
     <div class="row"> 
      <div class="row_label">Your First Name :</div> 
      <div class="row_field"><input type="text" name="firstName" size="32" MaxLength="64" /></div> 
     </div> 
     <div class="row"> 
      <div class="row_label">ZIP/Postal Code :</div> 
      <div class="row_field"><input type="text" name="zip" size="10" MaxLength="10" /></div> 
     </div> 
     <div class="row"> 
      <div class="row_label">How Did You Hear About Us?</div> 
      <div class="row_field"> 
       <select name="about"> 
        <option Value="NONE" Selected>-- Please Choose One --</option> 
        <option value="News">News Article</option> 
        <option value="Google">Google Search</option> 
        <option value="Bing">Bing Search</option> 
        <option value="OtherSearch">Other Search Engine</option> 
        <option value="Friend">Friend's Referral</option> 
        <option value="Miscellaneous">Other</option> 
       </select> 
      </div> 
     </div> 
     <div class="row"> 
      <div id="spStatus"></div> 
     </div> 
    </div> 

（私はDIVの代わりformを使用することを抱えているので）フォームフィールドのデータをキャプチャするには、私は、JSONの名前/値のペアにデータをフォーマットするJSON.stringify()を使用しようとしています。これをテストするために、私は次のように使用しています：

var formData = JSON.stringify($.param($('#register').find(':input'))); 

var data = '{ "register": "' + formData + '"}"'; 
alert(data); 

私はこれをテストするとき、私はstringify()呼び出しの出力としてこれを取得：stringify()呼び出し、あなたが見ることができるよう

私にURLエンコードされたデータを提供しています。誰かが私が行方不明に何か助けを提供することはできますか？

Answer 1

$.paramを使用しないで、すべての入力をURLエンコードされた文字列にシリアライズします。入力要素をループしてオブジェクトに入れ、JSONに変換します。

var formData = {}; 
$('#register').find(':input').each(function() { 
    formData[this.name] = this.value; 
}); 
var json = JSON.stringify(formData);