JQuery中serialize()、serializeArray()和param()方法示例介绍
2023-06-13 09:15:40 时间
下面是服务器端的jsp代码:
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%> <% request.setCharacterEncoding("UTF-8"); Stringusername=request.getParameter("username"); Stringcontent=request.getParameter("content"); out.println("<divclass="comment"><h6>"+username+":</h6><pclass="para">"+content+" </p></div>"); %>
与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串,用于ajax请求。通过使用serialize()方法,可以提交本页面的所有域,代码如下:
$("#send").click(function(){ $.get("get1.jsp",$("#form1").serialize(),function(data,textStatus) $("#resText").html(data); }); });
当单击“提交”按钮后,所有属于form1的表单元素都能提交到后台,即使在表单中再增加字段,脚本仍然能够使用,并且不需要做其他多余工作。
用字符串方式时,需要注意对字符编码(中文问题),如果不希望编码带来麻烦,可以使用serialize()方法,它会自动编码。
因为serialize()方法作用于JQuery对象,所以不光只有表单能使用它,其他选择器选取的元素也都能使用它,如以下JQuery代码:
$(":checkbox,:radio").serialize();
把复选框和单选框的值序列化为字符串形式,只会将选中的值序列化。
在JQuery中还有一个与serialize()类似的方法--serializeArray(),该方法不是返回字符串,而是将DOM元素序列化后,返回JSON格式的数据。JQuery代码如下:
varfields=$(":checkbox,:radio").serializeArray(); console.log(fields);//用FireBug输出
$.param()方法是serialize()方法的核心,用来对一个数组或对象按照key/value进行序列化。
比如将一个普通的对象序列化:
varobj={a:1,b:2,c:3}; vark=$.param(obj); alert(k);//输出a=1&b=2&c=3
相关文章
- jquery拼音转汉字搜索[通俗易懂]
- jquery基础详解编程语言
- jquery each循环遍历完再执行的方法详解编程语言
- 传递参数的标准方法(jQuery.ajax)
- 关于jQuery的inArray方法介绍
- jQuery用unbind方法去掉hover事件及其他方法介绍
- jquery文字上下滚动的实现方法
- jQuery遍历-nextUntil()方法以及prevUntil()方法的使用介绍
- Jquery网页出现的乱码问题的三种解决方法
- jQuery操作input值的各种方法总结
- Jquery获得控件值的三种方法总结
- jQuery获得IE版本不准确webbrowser的解决方法
- AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
- 浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
- JQuery遍历json数组的3种方法
- jquery.ajax之beforeSend方法使用介绍
- jquery、js调用iframe父窗口与子窗口元素的方法整理
- JQuery给元素绑定click事件多次执行的解决方法