`

php处理序列化jQuery serializeArray数据

阅读更多
介绍jquery的几个常用处理表单的函数:
1.序列化表单内容元素为字符串,常用于ajax提交。
$("form").serialize()

2. serializeArray()序列化表格数据,返回json结构数据,注意,它返回的是json对象而非json字符串。如果你用它来获取表单数据提交的话,服务器端用php可能需要这样处理:

//JS
var data = $("#form :input").serializeArray();
data = JSON.stringify(data);
post_var = {'action': 'process', 'data': data };
$.ajax({.....etc

// PHP
$data = json_decode(stripslashes($_POST['data']),true);
print_r($data); // this will print out the post data as an associative array

3.$.param()用来对一个数组或对象按照key/value进行序列化。
$.param({ a: [2,3,4] }) // "a=2&a=3&a=4"
分享到:
评论

相关推荐

    jQuery 表单序列化实例代码

    这个文档的目的是向读者展示如何使用jQuery进行表单序列化以及如何将序列化后的数据通过ajax发送到服务器,并且如何在服务器端接收处理这些数据。整个过程涉及到客户端的JavaScript编程和服务器端的PHP编程,是Web...

    jQuery+JSON

    5. **序列化和反序列化**:jQuery的`.serialize()`和`.serializeArray()`方法用于将表单元素序列化为URL编码的字符串,方便发送到服务器。而反序列化通常由服务器端语言负责,例如PHP的`json_decode()`或JavaScript...

    jQuery中验证表单提交方式及序列化表单内容的实现

    在前端开发中,jQuery的`form()`方法和序列化方法(`serialize()`和`serializeArray()`)极大地简化了表单处理的流程。通过将表单的提交事件和验证逻辑挂钩,开发者可以控制何时提交表单,以及如何处理提交前的验证...

    jquery获取表单doc文档合集整理.zip

    对于表单数据提交,可设置`type`为`POST`或`GET`,`data`为序列化的表单数据。 2. `$.post()` 和 `$.get()`: 这是`$.ajax()`的简写形式,用于快速实现POST和GET请求。 六、实战示例 以下是一个简单的jQuery获取...

    jquery表单绑定

    // 更新界面或处理数据 }); ``` ### 3. 获取与设置表单数据 jQuery提供了`val()`方法来获取或设置表单元素的值。例如,获取文本框的值: ```javascript var value = $("input:text").val(); ``` 设置文本框的值:...

    JQuery UI API中文帮助文档

    JQuery 提供了几种用于序列化表单数据的方法。 ###### (1) `serialize()` - **语法**:`$("selector").serialize();` - **说明**:此方法用于将 DOM 元素中的数据序列化成 URL 编码格式的字符串。 - **示例**: ``...

    JQuery UI插件的 API.pdf

    6. `$("XXX").serialize()` 和 `$("XXX").serializeArray()`:这两个方法用于将表单元素的数据序列化。前者生成 URL 编码的字符串,后者生成 JSON 数组,便于发送到服务器。例如: ```javascript var formData = $...

    jquery-1.1.3 效率提高800%

    processData(true) 数据类型: Boolean 在默认的情况下,如果data选项传进的数据是一个对象而不是字符串,将会自动地被处理和转换成一个查询字符串,以适应默认的content-type--"application/x-...

    jQuery操作函数

    - **描述**: 创建用于URL查询字符串或Ajax请求的序列化数据。 - **示例代码**: ```javascript var data = { name: "John", location: "Boston" }; var encodedData = $.param(data); console.log(encodedData);...

    jQuery1.9.1源码分析系列(十六)ajax之ajax框架

    总之,jQuery1.9.1的Ajax框架通过封装原生Ajax,不仅实现了浏览器兼容性和跨域请求,还提供了强大的数据序列化工具和事件监听机制,极大地降低了开发复杂网页应用的难度,提高了开发效率。理解并熟练运用这些机制,...

    jquery仿牛客网在线测评考试

    10. **数据序列化**:在提交答案时,需要将用户的选择序列化为易于处理的数据格式,如JSON。jQuery的`serializeArray()`方法可以帮助完成这一任务。 综上所述,创建"jquery仿牛客网在线测评考试"项目需要掌握...

    jQuery的Ajax

    数据序列化 jQuery的`serialize()`和`serializeArray()`方法用于将表单数据序列化为URL查询字符串或数组,方便发送Ajax请求。 ```javascript var formData = $("#myForm").serialize(); // 序列化为URL查询字符串...

    jiaoben348

    // 序列化表单数据 $.ajax({ type: "POST", // HTTP方法,这里是POST url: "submit.php", // 接收数据的服务器端接口 data: formData, // 发送的数据 dataType: "json", // 预期的返回类型 success: function...

    form表单转Json提交的方法(推荐)

    在前端完成数据的序列化和转换后,后端通常需要有相应的处理逻辑来解析JSON格式的数据。后端语言(如Java、PHP、Python等)都有对应的库和方法来处理JSON字符串,将其转换为可用的键值对数据。 总之,将表单数据...

Global site tag (gtag.js) - Google Analytics