jquery获取json对象属性
2012-02-22 14:09
786 查看
由于.net frameword3.5以上添加了对contenttype的检查,当ajax发送请求时,如果设置了contenttype为json,那么请求webservice时,会自动将返回的内容转为json的格式,json的格式iruxia
{"d":"webservice方法返回的字符串内容"}
这时出现一个问题了,如果方法返回的是一个json格式的字符串,那么如何获得实际的json对象,而不是只有一个属性d的json对象呢?
其实很简单,我们只需要在success回调函数中eval下jquery通过获取webservice得到的json对象的d属性,就可以获取到实际的json对象了。
如下,如果方法返回的是 {"msg":"其实我也是json对象的字符串"} 这种信息,我们如何获取到msg这个属性的值呢?
首先一定要明确的时,调用webservice的方法后实际获取到的json格式的字符串是这样的 {"d":"{"msg":"其实我也是json对象的字符串"}"} ,jquery通过这个字符串生成的json对象只有一个属性,那就是d,d存储的是webservice方法返回的json格式的字符串信息,而不是json对象,所以不能通过
obj.d.msg来获取msg信息。而是需要 var realobj=eval('('+o.d+')')来生成实际的json对象,然后realobj.msg才是需要的信息。
using System.Web.Script.Services;
using System.Web.Services;
namespace WebService35
{
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class
WebService1 : System.Web.Services.WebService
{
[WebMethod]
[ScriptMethod]
public string method1()
{
return "非json字符串";//实际返回的json格式的字符串为 {"d":"非json字符串"}
}
[WebMethod]
[ScriptMethod(UseHttpGet]
public string method2()
{
return "{\"msg\":\"其实我也是json对象的字符串\"}";
//实际返回的json格式的字符串为 {"d":"{"msg":"其实我也是json对象的字符串"}"}
}
}
}
//调用method1,返回非json格式的字符串,所以不需要eval
$.ajax({
url: "test.asmx/method1",
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: "{}",
success: function(json){alert("Success:"+json.d); },
error: function(x, e) {alert("Error:"+x.responseText); },
//============================
complete: function(x) { alert("Complete:"+x.responseText);}
});
//调用method2,返回json格式的字符串,所以需要eval jquery生成的json对象的d属性来生成实际的json对象
$.ajax({
url: "test.asmx/method2",
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: "{}",
success: function(json){
var realobj=eval('('+josn.d+')');
alert("Success:"+realobj.msg);
}, //============================
error: function(x, e) {alert("Error:"+x.responseText); },
complete: function(x) { alert("Complete:"+x.responseText);}
});
{"d":"webservice方法返回的字符串内容"}
这时出现一个问题了,如果方法返回的是一个json格式的字符串,那么如何获得实际的json对象,而不是只有一个属性d的json对象呢?
其实很简单,我们只需要在success回调函数中eval下jquery通过获取webservice得到的json对象的d属性,就可以获取到实际的json对象了。
如下,如果方法返回的是 {"msg":"其实我也是json对象的字符串"} 这种信息,我们如何获取到msg这个属性的值呢?
首先一定要明确的时,调用webservice的方法后实际获取到的json格式的字符串是这样的 {"d":"{"msg":"其实我也是json对象的字符串"}"} ,jquery通过这个字符串生成的json对象只有一个属性,那就是d,d存储的是webservice方法返回的json格式的字符串信息,而不是json对象,所以不能通过
obj.d.msg来获取msg信息。而是需要 var realobj=eval('('+o.d+')')来生成实际的json对象,然后realobj.msg才是需要的信息。
using System.Web.Script.Services;
using System.Web.Services;
namespace WebService35
{
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class
WebService1 : System.Web.Services.WebService
{
[WebMethod]
[ScriptMethod]
public string method1()
{
return "非json字符串";//实际返回的json格式的字符串为 {"d":"非json字符串"}
}
[WebMethod]
[ScriptMethod(UseHttpGet]
public string method2()
{
return "{\"msg\":\"其实我也是json对象的字符串\"}";
//实际返回的json格式的字符串为 {"d":"{"msg":"其实我也是json对象的字符串"}"}
}
}
}
//调用method1,返回非json格式的字符串,所以不需要eval
$.ajax({
url: "test.asmx/method1",
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: "{}",
success: function(json){alert("Success:"+json.d); },
error: function(x, e) {alert("Error:"+x.responseText); },
//============================
complete: function(x) { alert("Complete:"+x.responseText);}
});
//调用method2,返回json格式的字符串,所以需要eval jquery生成的json对象的d属性来生成实际的json对象
$.ajax({
url: "test.asmx/method2",
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
data: "{}",
success: function(json){
var realobj=eval('('+josn.d+')');
alert("Success:"+realobj.msg);
}, //============================
error: function(x, e) {alert("Error:"+x.responseText); },
complete: function(x) { alert("Complete:"+x.responseText);}
});
相关文章推荐
- jQuery怎么操作json对象jsonTest(即json类型的string,但是要先将string转换为json对象),获取对象属性、获取对象数组的某个对象
- Jquery-根据标签的name属性,获取其value值。存入对象并且转换为Json数组
- JQuery 中this和$(this)获取对象、操作DOM对象的元素属性
- jQuery 获取设置删除对象属性
- 循环获取json对象的属性名
- 关于Jquery获取对象的属性与值
- 获取json 对象属性和值
- jQuery通过class属性获取对象(class的值有两个的时候)
- Jquery 获取指定标签的对象及属性的设置与移除
- json对象,使用 “ . ”获取值是,不能使用变量作为属性名。
- jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配
- jquery动态遍历Json对象的属性和值的方法
- jquery获取json对象的key和value
- ######保存角色,add表单页面Ajax传参给action,多个集合属性,【较为复杂的页面传参(封装ajax json参数)】:注意表单数据序列化,jquery遍历,json对象转String
- 【jquery】常用的jquery获取表单对象的属性与值
- jQuery 基础 : 获取对象 根据属性、内容匹配, 还有表单元素匹配(转)
- javascript;Jquery;获取JSON对象,无刷新评论实例。
- jquery动态遍历Json对象的属性和值
- JQuery中get和getJSON方法返回json对象无法获取问题
- JQUERY 获取当前焦点对象属性, jquery attr()方法 添加,修改,获取对象的属性值。