构造AJAX参数, 表单元素JSON相互转换
来源:互联网 发布:无限网络解码器 编辑:程序博客网 时间:2024/06/07 06:27
ajax提交服务器数据, 整理一下转换方法。
HTML:
<form id="fm" name="fm" action=""> <input name="UserName" type="text" value="UserName1"/> </form> <input name="UserId" id="UserId" type="text" value="UserId1"/>
1.表单元素转QueryString
var q = $('#fm,#UserId').serialize(); //q = UserName=UserName1&UserId=UserId1
2.字符串, JSON 互相转换
var obj = jQuery.parseJSON('{"name":"John"}');alert( obj.name === "John" );
可以利用jquery-json插件实现转换,直接引用示例
var thing = {plugin: 'jquery-json', version: 2.3};var encoded = $.toJSON( thing );// '{"plugin":"jquery-json","version":2.3}'var name = $.evalJSON( encoded ).plugin;// "jquery-json"var version = $.evalJSON(encoded).version;// 2.3
3.表单,元素转Name,Value数组
var arr = $("#fm,#UserId").serializeArray();/*[ {name: 'UserName', value: '"UserName"1'}, {name: 'UserId', value: 'UserId'} ] */
4. 表单元素转JSON
$.fn.serializeObject = function(){ var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { 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;};var obj = $('form').serializeObject();/*obj: ObjectUserId: "UserId1"UserName: "UserName1"__proto__: Object*/
5. JSON2FORM
$.getJSON('url_to_file', function(data) { for (var i in data) { $('input[name="'+i+'"]').val(data[i]); }}
Google过程中发现一个更强大的插件 http://code.google.com/p/jquery-load-json/
data = { "Name":"Emkay Entertainments", "Address":"Nobel House, Regent Centre", "Contact":"Phone" } $('div#data').loadJSON(data); <div id="data"> <h1 id="Name">Emkay Entertainments</h1> <label for="Address">Address:</label> <span id="Address">Nobel House, Regent Centre</span> <label for="Contact">Contact by:</label> <span id="Contact">Phone</span> </div>
ajax提交参数是,要注意提交参数的类型。如easyui grid 参数只能用JSON,不支持QueryString
0 0
- 构造AJAX参数, 表单元素JSON相互转换
- spring mvc ajax请求form表单转换成json
- string json 相互转换
- string json 相互转换
- 数组json相互转换
- json与表单相互转化
- js string json 相互转换
- json与DataTable相互转换
- json ,dataTable的相互转换
- json与string相互转换
- dataTable和json相互转换
- Java与JSON相互转换
- json数据的相互转换
- JSON和JAVA相互转换
- json与javabean相互转换
- js和json相互转换
- JSON和字符串相互转换
- java json object相互转换
- Struts2注解配置之@Action(二)
- GNU/Linux与开源文化的那些人和事
- MissingMethodException: Default constructor not found for type
- Java资源大全中文版
- iOS_UIWebView背景颜色、文字颜色、文字大小的改变
- 构造AJAX参数, 表单元素JSON相互转换
- HDU 1874 畅通工程续
- 第三届山东省ACM The Best Seat in ACM Contest
- javaweb学习总结(十六)——JSP指令
- Struts2注解配置之@Results和@Result(三)
- String转换成json格式(一):net.sf.json.JSONObject
- C语言(链表)
- 基于Spark MLlib平台的协同过滤算法---电影推荐系统
- 剑指Offer Java版 基础知识1