form表單轉換為Json資料
專案主頁
回到頂部效果圖
回到頂部載入使用
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.serializejson.js"></script>回到頂部
form表單頁面程式碼
<form id="formDemo" class="layui-form"> <table class="layui-table" lay-even> <colgroup>回到頂部<col width="100"> <col width="200"> <col> </colgroup> <tbody> <tr> <th>使用者名稱</th> <td id="userName"> <div class="layui-form-item layui-input-inline"> <input tyep="text" name="userName" class="layui-input"> </div> </td> </tr> <tr> <th>登入密碼</th> <td id="password"><div class="layui-form-item layui-input-inline"> <input tyep="text" name="password" class="layui-input"> </div> </td> </tr> <tr> <th>使用者許可權</th> <td id="role"> <div class="layui-form-item layui-input-inline"> <input type="text" name="role" class="layui-input" readOnly="true" value="管理員"> </div> </td> </tr> <tr> <th>手機號</th> <td id="phone"> <div class="layui-form-item layui-input-inline"> <input tyep="text" name="phone" class="layui-input"> </div> </td> </tr> <tr> <th>使用者備註</th> <td id="nickName"> <div class="layui-form-item layui-input-inline"> <input tyep="text" name="nickName" class="layui-input"> </div> </td> </tr> </tbody> </table> </form>
序列化
<script type="text/javascript"> function getUser(){ console.log($('#formDemo').serializeJSON()); console.log(JSON.stringify($('#formDemo').serializeJSON())); return JSON.stringify($('#formDemo').serializeJSON()); } </script>
$('#formDemo').serializeJSON()返回的是一個Object體
{userName: "test", password: "test", role: "管理員", phone: "18888888866", nickName: "測試"}
JSON.stringify($('#formDemo').serializeJSON())返回的是JSON字串
{"userName":"test","password":"test","role":"管理員","phone":"18888888866","nickName":"測試"}回到頂部
使用Ajax傳遞給後臺使用@RequestBody進行接收
<script type="text/javascript"> function addUser(){ var data = getUser(); $.ajax({ type: "POST", url: "${ctx}/auth/user/create", data: data, dataType: "json", contentType:"application/json", success: function(data){ alert(data.message); if(data.code==0){ layer.closeAll(); window.location.href="${ctx}/auth/users"; } } }); } </script>回到頂部
若要在JS中獲取鍵值對中的值可以進行如下處理
<script type="text/javascript"> var data = getUser(); var obj = eval("("+data+")"); alert(obj.userName); </script>
相關推薦
form表單轉換為Json資料
回到頂部專案主頁回到頂部效果圖回到頂部載入使用<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.serializejson.js"
前端:form表單轉換為Json資料
專案主頁 效果圖 載入使用 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.serializejson.js
form表單轉換為json
form表單的引數轉換為JSON 在你的html檔案中新增 $.fn.serializeJson=function(){ var serializeObj={}; var array
form表單轉換成json({key:value, key:value})
1 jqery中的方法 ``` // 自定義jquery的方法,將Form表單中的內容轉換成json $.fn.serializeJson=function(){ var serializeObj={}; var array=this.s
form表單ajax提交json資料
前端頁面: <form id="userInfo" > <div class="weui-cell"> <div class="weui-cell__hd"><label class="weui-lab
如何把表單轉換為Json:
引入json2.js,官網http://www.json.org,為了相容ie6、ie7、ie8、ie9支援javascript的JSON物件了 使用javascript中的JSON物件進行轉換: 把表單轉換為請求url: var w= $("form").
jquery 外掛方法 將form表單轉換成json串物件
(function($) { $.fn.serializeJson = function() { var serializeObj = {}; var array = this.serial
spring mvc ajax請求form表單轉換成json
在使用jquery傳送ajax請求的時候,通過jquery的serialize()方法對錶單進行處理髮送到服務端是比較方便的。有一種場景是,欄位大部分在form表單下,個別欄位需要組裝,如果需要組裝的欄位比較簡單,可以使用serializeArray()將form序列化成ar
Form表單獲取後臺返回資料
問題描述 一般的form表單提交是單向的:只能給伺服器傳送資料,但是無法獲取伺服器返回的資料,也就是無法讀取HTTP應答包。 想要真正的半雙工通訊一般需要使用Ajax, 但是Ajax對檔案傳輸也很麻煩。 解決方法 jQuery封裝了一個form表單提交有
Form表單轉化成Json格式
$.fn.serializeObject = function(){ var o={}; var a = this.serializeArray(); $.each(a,function
jquery-獲取form表單中的所有資料列表
<script> $(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); $.each(t, function() {
趴一趴如何用最簡單的方式從html form表單中獲取到資料
最近網速一直不太好 ~~~不開心 本文采用的是最簡單的方式,僅供自己試驗,畢竟存在一些不安全因素。 看了其他好的的方式發現都太麻煩,所以自己總結下。 是這樣的:input.html頁面中有一段程式碼。
微信小程式例子——使用form表單獲取輸入框資料
1、效果展示 2、關鍵程式碼 index.wxml 使用者名稱: 密碼: 登入 重置 {{tip}}{{userName}}{{psw}} index.js
物件轉換為JSON資料格式&使用JQuery獲取資料
將物件轉換為JSON資料格式 我們需要json-lib-2.3-jdk15.jar架包(當然還需要其它架包),來實現物件轉JSON資料格式。此架包提供兩個類來實現轉換,JSONObject.fromObject(object);將物件轉換成json資料格式;JSO
form表單序列化JSON
1. 簡單屬性的表單域,序列化後只有一層JSON物件 /** * 功能:序列化form表單資料成Json物件 * 1.name均是簡單的一級物件 * 2.同名的name屬性,值會被序列化為陣列,例如checkbox等控制元件 */ $.fn
jsp form表單提交獲取返回資料(也可用來上傳檔案、圖片)
function fileImport() { var form = $("#表單id"); var options = { url:"表單提交地址", type:'post
nodejs-http 對form表單上傳檔案資料的解析過程
前幾天碰到了一個需求,允許接收前端使用者上傳的檔案。 當時為了解決問題索性就上github搜了下,找了一個基於nodejs的開發外掛。 後來功能實現後覺得意猶未盡,於是自己想試試去寫一個類似功能的外掛,方便以後拓展,然後就這麼開始了。 先來說說應用層的ht
jquery-讀取form表單中的所有資料列表
$(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); //t的值為[{name: "a1", va
Form表單自動轉JSON物件、及解決AJAX呼叫時JSON物件陣列成員key被修改問題
範培忠 2018-05-11 本文講解如何定義一個通用方法實現form表單內容自動打包成JSON物件用於AJAX提交,以及當form表單有checkbox時,該JSON物件會擁有一個成員陣列提交到後臺後會被“篡改”的問題(key name會被自動加一箇中括號[]),JSON
前端頁面中把form表單中的資料轉換為json格式
$.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); var str=th