`
robin_hu
  • 浏览: 9974 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery 表单数据转json对象和序列为字符串

阅读更多
jquery easyui里datagrid的加载需要传递json对象,有时候又需要将表单数据直接转为p1=v1&p2=v2....的形式,以下是jquery的实现
1.表单数据转json对象
var rs=requestParamToJson($(formid).serializeArray());
/*请求参数转json对象*/
function requestParamToJson(paramArray){
	var jsonObj={};
	$(paramArray).each(function(){
		jsonObj[this.name]=this.value;
	});
	console.log(jsonObj);
	return jsonObj;
}




2.表单数据转p1=v1&p2=v2....的形式
这个简单,就jquery一个方法$(formid).serialize()

来自 http://my.oschina.net/tomzhao/blog/149323
分享到:
评论

相关推荐

    jQuery扩展将复杂form表单转成json对象

    在标题和描述提到的场景中,我们需要创建一个jQuery扩展,将复杂的form表单数据转换为JSON对象。这通常涉及到遍历表单元素,获取它们的值,并构建JSON对象。以下是一个简单的示例: ```javascript (function($) { ...

    json数据序列化和反序列化

    2. 数据序列化:序列化是将对象转换为可传输或存储的格式,对于JSON,这意味着将JavaScript对象转换为JSON字符串。在JavaScript中,我们可以使用`JSON.stringify()`方法实现这一过程。例如: ```javascript let obj ...

    html对应的文件中 将form 表单数据 转化为json 格式

    jQuery提供了一个方便的插件,叫做`serializeJSON`,它能够将表单数据序列化为JSON对象。首先,确保在项目中引入了jQuery库和`serializeJSON.js`插件: ```html <script src="https://code.jquery....

    jQuery序列化form表单数据为JSON对象的实现方法

    但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是有时我们需要的是一个object对象,而不是字符串(比如jqgrid reload时...

    jQuery实现form表单元素序列化为json对象的方法

    最后,我们使用`JSON.stringify()`将`o`对象转换为JSON格式的字符串,并将其追加到页面上显示: ```javascript $("#results").append(JSON.stringify(o)); ``` 同时,我们还可以通过浏览器的开发者工具(如Firebug...

    jQuery实现form表单序列化转换为json对象功能示例

    此时,我们调用`$("#post_form").serializeJson()`将表单数据转换为JSON对象,并将其显示在id为`result`的div中,使用`JSON.stringify()`方法将JSON对象转换为可读的字符串格式。 这段代码展示了一个完整的HTML表单...

    将JavaScript的jQuery库中表单转化为JSON对象的方法

    大家知道Jquery中有serialize方法,可以将表单序列化为一个“&”连接的字符串,但却没有提供序列化为Json的方法。不过,我们可以写一个插件实现。   我在网上看到有人用替换的方法,先用serialize序列化后,将&替换...

    jQuery json

    4. **序列化表单数据为JSON**:jQuery提供`serializeArray()`和`serializeObject()`(非官方插件)方法将表单数据转换为JSON格式,便于发送Ajax请求: ```javascript var formData = $('form').serializeArray();...

    php基于jquery的ajax技术传递json数据简单实例.docx

    eval() 函数是一个 JavaScript 函数,用于将字符串解析成 JavaScript 代码。在本例中,我们使用 eval() 函数将 JSON 数据解析成 JavaScript 对象。 PHP 相关知识点 在本文中,我们还提到了许多 PHP 相关知识点,...

    jquery创建调查问卷代码 返回json序列

    `JSON.stringify()` 函数用于将这个对象转换为JSON字符串,方便发送到服务器。 新增题目可以是通过点击“添加”按钮,动态创建新的表单元素。这可以通过`.append()` 或`.html()` 方法实现,根据需要插入新题目模板...

    jquery.json.min.2.3.0.js;json2.js

    jQuery库提供基础的DOM操作和事件处理,jQuery UI扩展了丰富的用户界面组件,而json2.js和jquery.json.min.2.3.0.js则处理JSON数据的序列化和反序列化,为与服务器交换数据提供便利。这些工具在开发高效、响应式的...

    jQuery+JSON

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

    JQuery中Json的使用示例

    这里,`formData`是序列化表单数据得到的数组,然后我们创建一个空对象`json`,并遍历数组将表单字段名和值作为键值对添加进去,最后通过`JSON.stringify()`方法将其转换为JSON字符串。 总之,jQuery提供了丰富的...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    1. **序列化数据**:在上述示例中,`params` 对象自动被序列化为查询字符串。例如,如果用户名为 "admin",密码为 "123",则发送的数据将是 `username=admin&password=123`。 2. **异步操作**:`$.post()` 默认是...

    JQuery getJSON() 调用Servlet简单例子

    使用`Gson`库可以方便地将Java对象转换为JSON字符串: ```java import com.google.gson.Gson; public class JsonServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest request, ...

    jquery-json

    JSON是一种基于JavaScript语言的对象表示法,其数据结构主要由键值对(key-value pairs)组成,可以是对象、数组、字符串、数字、布尔值和null。例如: ```json { "name": "John", "age": 30, "city": "New York...

    struts2+json+jquery实现ajax数据的存取

    在Struts2中,我们可以使用JSON插件来方便地序列化和反序列化Java对象为JSON格式,从而实现在Ajax请求中发送和接收数据。 **3. jQuery库** jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理...

Global site tag (gtag.js) - Google Analytics