本文作者:淘青松

jquery获取form表单所有数据并转换成json数据

淘青松 3周前 ( 01-28 10:46 ) 15
jquery获取form表单所有数据并转换成json数据摘要: jqurey获取表单数据,并转成json数据监听表单提交,并阻止跳转可以在提交内部进行ajax数据提交先通过serializeArray()方法获取表单数组对象,循环遍历将将key...

jqurey获取表单数据,并转成json数据

监听表单提交,并阻止跳转可以在提交内部进行ajax数据提交

先通过serializeArray()方法获取表单数组对象,循环遍历将将key,value存入新对象中,JSON.stringify() 将值转换为 JSON 字符串

$('form').submit(function(){
    var d = {};
    var t = $('form').serializeArray();
    $.each(t, function() {
        d[this.name] = this.value;
    });
    var data = JSON.stringify(d);
    console.log(data);
    return false;
})


文章版权及转载声明

作者:淘青松本文地址:https://cyansong.com/xue/35.html发布于 3周前 ( 01-28 10:46 )
文章转载或复制请以超链接形式并注明出处青松博客

分享到:
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏