form表單資料轉json 物件
阿新 • • 發佈:2019-01-02
首先需要引入jQuery,線上引用如下
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
實現轉json物件我們需要用一段通用程式碼讓表單資料序列化物件
$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if(o[this.name]) { 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; };
我們通過form表單的id取到資料呼叫序列化物件函式
function send() {
/* var formRef = $('#form1').serializeArray();
var jsonString = JSON.stringify(formRef);*/
var jsonInfo = $('#form1').serializeObject();
var jsonString = JSON.stringify(jsonInfo);
alert(jsonString);
}
form表單
<form id="form1"> name:<input type="text" name="name" /><br /> password:<input type="password" name="password" /><br /> <input type="button" onclick="send();" value="send" /> </form>