jQuery 中使用 JSON

最新推荐文章于 2024-05-27 09:40:54 发布

原创最新推荐文章于 2024-05-27 09:40:54 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jQuery #ViewUI

phonegap 专栏收录该内容

35 篇文章

订阅专栏

本文介绍jQuery内置的JSON处理方法，包括使用parseJSON解析JSON字符串及通过toJSON将JavaScript对象序列化为JSON格式。同时展示了如何利用这些方法进行AJAX请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 jQuery 中已经提供了对于解析 JSON 的内在支持，

jQuery.parseJSON 函数提供了解析的支持，[url='http://api.jquery.com/jQuery.parseJSON/']详细的说明见这里[/url]。


var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );

使用对象生成 JSON 格式串

在 jQuery 中并没有提供直接将普通的 JavaScript 对象转换为 JSON 串的方法，可以使用下面的扩展库来完成。

jquery-json 扩展库

这个库用来扩展 jQuery ，对于 JSON 的使用，扩展了两个方法。

toJSON 方法用来将一个普通的 JavaScript 对象序列化为 JSON 串。


var thing = {plugin: 'jquery-json', version: 2.3};    
var encoded = $.toJSON( thing ); // '{"plugin":"jquery-json","version":2.3}'

evalJSON 方法将一个 JSON 串解析为一个普通的 JavaScript 对象。


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

以下是我一直发送失败，加了$.toJSON(senddata)后马上就成功了。使用$.toJSON需要一个jQuery插件，见附件。


var user=new Object();
	user.email = email;
	user.first_name = firstName;
	user.last_name = lastName;
	user.password = password;

	var senddata = {};
	senddata.user=user;
	senddata.api_key=levelup_api_key;

//	log(JSON.stringify(senddata));
	var encoded = $.toJSON(senddata);

	$.ajax({
 		type: "POST",
      	url: levelup_register,//url
   		data: encoded,
   		headers: {
			'Accept': 'application/json',
			'Content-Type': 'application/json',
		},
	    beforeSend: function() {$.mobile.showPageLoadingMsg();},
	    complete: function() {$.mobile.hidePageLoadingMsg();},
     	success: function(data){
     		doSignInLevelUp_base(email,password);
      	},
      	error: function(error){
//      	log(JSON.stringify(error));
      		showAlert(error.status+":"+error.statusText);
       	}
    });