*)表单serialize()序列化,和serializeArray()

##)应用场景

  当Ajax或者get请求发送表单中的某一个,或者某几个值到后台时,通过jQuery就能获取到这些值。然后作为Ajax的参数(或者get请求的 ? 后的参数)发送到后台。

  但是,当需要发送整个表单的数据到后台时,表单如果小还好说,表单如果大,有很多的值,那一个一个获取就比较麻烦了。

  这个时候,就需要使用$("form").serialize();

  在w3school中可以看到相关资料:http://www.w3school.com.cn/jquery/ajax_serialize.asp

##)用法:

  可以选择一个表单、或者一类表单元素,或者整个form,进行.serialize() 或serializeArray()操作。

  .serialize()  .serializeArray()操作只将有name属性的表单元素生成

  ###).serialize() 返回URL编码文本字符串

  生成的结果如下:a=1&b=2&c=3&d=4&e=5        即:name值1=对应value值1&name值2=对应value值2  

  这个结果可以直接追加到get请求路径的后面。

  ###).serializeArray()返回JSON对象(是JSON对象,而不是JSON字符串,需要使用插件或者第三方库进行字符串化操作。)

  生成的结果如下:

[
{name: 'firstname', value: 'Hello'}, //name:是表单name value是:表单的值
{name: 'lastname', value: 'World'},
{name: 'alias'}, // 值为空
]

  这个结果可以作为Ajax的参数传递到后台。

*)JSON.stringify()

JSON.stringify() 是JavaScript提供的处理JSON对象的内置函数。参考w3school文档:http://www.w3school.com.cn/js/js_json_stringify.asp

作用:把JavaScript对象转换成JSON的字符串形式

var obj = { name:"Bill Gates", age:62, city:"Seattle"};  //js对象
var arr = [ "Bill Gates", "Steve Jobs", "Elon Musk" ];  //js数组
var obj =  { "name":"Bill Gates", "today":new Date(), "city":"Seattle"};  //js对象含日期,日期也会转换成对应的字符串形式
这样的几种类型的对象转换成JSON形式的字符串
 
*)toJSON()
toJSON() 是JavaScript Date对象的函数,用来把日期转换成JSON形式的字符串,形式为:就像x ISO-8601 标准: YYYY-MM-DDTHH:mm:ss.sssZ
 
 
 

最新文章

  1. nth-child和蝉原则实现的奇妙随机效果(译)
  2. 未能正确加载“Microsoft.VisualStudio.Editor.Implementation.EditorPackage”包
  3. WinServer2008 R2搭建TFS2013小结(无法连接Internet手动安装)
  4. [外挂4] 用CE查找棋盘基址
  5. DRUPAL 慢的原因
  6. jQuery.validate errorPlacement
  7. java_数组作缓存池的不可变类实例
  8. 03_HttpClient_Post请求
  9. CCLuaObjcBridge调Objective-C方法传索引数组报invalid key to 'next'错调试
  10. springboot idea 代码更改自己编译设置
  11. ubuntu18.04.2LTS下如何用五笔输入法 --Linux
  12. 用Java代码列出一个目录下所有的文件
  13. Hive记录-Sqoop常用命令
  14. 汇编 MOVSX与MOVZX 指令
  15. [Windows Azure] Windows Azure Execution Models
  16. Linux下开发python django程序
  17. SQL Server 删除数据库所有表和所有存储过程
  18. 熵 互信息 Gini指数 和 不纯度
  19. Tsql 获取服务器信息
  20. atitit.设计文档---操作日志的实现

热门文章

  1. Vue Cli 3:vue.config.js配置文件
  2. Codeforces 1197 E (dp+sort+二分) (Rust)
  3. python args参数理解
  4. c3p0连接池在spring中的配置
  5. Linux统计即时网速
  6. [暑假集训Day3T1]小木棍
  7. GeneXus笔记本—常用函数(下)
  8. 【记录】elastiasearch 6.4.3 版本 SearchRequestBuilder字段排序,BoolQueryBuilder
  9. Git--01 基础 - 远程仓库的使用
  10. Codeforces Round #393 (Div. 2) - C