反序列化自动填写表单

反序列化自动填写表单

form表单结构

<form id="fs">
  <div class="field">
    <label>name</label>
    <input type="text" name="name">
  </div>
  <div class="field">
    <label>name</label>
    <input type="text" name="age">
  </div>
  <div class="field">
    <label>name</label>
    <input type="text" name="charId">
  </div>
</form>

js代码块

 //序列化
var data = $('#fs').serialize();
console.log(data)//=> 'name=val&age=val&charId=val'


//反序列化
var data = 'name=val&age=val&charId=val';
data.split('&').forEach(function(param){
  param = param.split('=');
  var name = param[0],
      val = param[1];

  $('#fs [name=' + name + ']').val(val);
})