json的eval为什么要用msg.d
在做一个关于搜索功能时用到了jquery autocomplete,发现返回数据时都用到了一个.d,比如:
var datas = eval('(' + msg.d + ')');
这个.d是什么呢,直接输出调用的方法,字符串里是没有d属性的,遂百思不得其解,后来找到了一篇文章,转载记下:
由于.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);} });
题记:通过chrome的调试功能,是可以看到ajax过来的数据中含有d的,只是直接输出没有。如:
{"d":"[{\"name\":\"深发展A\",\"code\":\"000001\",\"spell\":\"sfza\",\"count\":\"32435\"},{\"name\":\"万科A\",\"code\":\"000002\",\"spell\":\"wka\",\"count\":\"231\"}]"}
另外,jquery autocomplete和jquery ui autocomplete是两个不同的库,估计不少人会把他们混为一谈。