关于如何将form表单中的元素转为JSON字符串
1个回答
展开全部
jquery提供了 serializeArray() 方法 将form表单数据转换为 json数据格式
以下代码可以直接粘贴运行:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <script src="http://cdn.bootcss.com/jquery/1.12.2/jquery.js"></script> <link rel="stylesheet" href=""></head><body> <form action="demon_submit" method="get"> <ul> <li><input type="text" name="name"/></li> <li><input type="text" name="pwd"/></li> <li><input type="button" value="提交" id="J_btn"/></li> </ul> </form></body><script> (function(){ $('#J_btn').on('click', function(){ var data = $('form').serializeArray(); console.log(data); }); })();</script></html>
以下代码可以直接粘贴运行:
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <script src="http://cdn.bootcss.com/jquery/1.12.2/jquery.js"></script> <link rel="stylesheet" href=""></head><body> <form action="demon_submit" method="get"> <ul> <li><input type="text" name="name"/></li> <li><input type="text" name="pwd"/></li> <li><input type="button" value="提交" id="J_btn"/></li> </ul> </form></body><script> (function(){ $('#J_btn').on('click', function(){ var data = $('form').serializeArray(); console.log(data); }); })();</script></html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询