jquery ajax json parsererror

isiqi

浏览: 16066261 次
性别:
来自: 济南

最近访客更多访客>>

nison

hellohank

wangyy

devcang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2012-07 ( 335)
2012-06 ( 252)
2012-05 ( 362)
更多存档...

Ajax json jQuery WebService CSS

data:"{}", data为空也一定要传"{}"；不然返回的是xml格式的。并提示parsererror

1、编写4种WebService方法

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService] //令WebService成功传入Json参数，并以Json形式返回结果
[GenerateScriptType(typeof(Person))] //不是必要，但推荐添加(如果Person里面再嵌套另一个复杂类型，则必要声明)
[ToolboxItem(false)]
public class WebService1 : System.Web.Services.WebService
{
/// <summary> /// 无任何参数 /// </summary>
/// <returns></returns>
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
/// <summary> /// 传入参数 /// </summary>
///
/// <returns></returns>
[WebMethod]
public string Hello(string name)
{
return string.Format("Hello {0}", name);
}
/// <summary> /// 返回泛型列表 /// </summary>
///
/// <returns></returns>
[WebMethod]
public List<int> CreateArray(int i) { List<int> list = new List<int>(); while (i >= 0) { list.Add(i--); } return list; } /// <summary> /// 返回复杂类型 /// </summary> /// <param name="name"> /// <param name="age"> /// <returns></returns> [WebMethod] public Person GetPerson(string name, int age) { return new Person() { Name = name, Age = age }; } } /// <summary> /// 复杂类型 /// </summary> public class Person { public string Name { get; set; } public int Age { get; set; } } 2、编写js调用以上方法 <title>无标题页</title> <style type="text/css"> input { width:200px; } </style> $(function(){ /* 1、WebService请求类型都为Post，WebService的Url为“[WebServiceUrl]/[WebMethod]” 2、contentType声明为Json 3、data要用Json的字符串格式传入 4、设置了dataType为json后，result就直接为返回的Json对象。 */ //调用无参数方法 $("#btnHelloWorld").click(function(){ $.ajax({ type: "POST", contentType:"application/json", url:"WebService1.asmx/HelloWorld", data:"{}", dataType:'json', success:function(result){ alert(result.d); } }); }); //传入1个参数 $("#btnHello").click(function(){ $.ajax({ type: "POST", contentType:"application/json", url:"WebService1.asmx/Hello", data:"{name:'KiMoGiGi'}", dataType:'json', success:function(result){ alert(result.d); } }); }); //返回泛型列表 $("#btnArray").click(function(){ $.ajax({ type: "POST", contentType:"application/json", url:"WebService1.asmx/CreateArray", data:"{i:10}", dataType:'json', success:function(result){ alert(result.d.join(" | ")); } }); }); //返回复杂类型 $("#btnPerson").click(function(){ $.ajax({ type: "POST", contentType:"application/json", url:"WebService1.asmx/GetPerson", data:"{name:'KiMoGiGi',age:26}", dataType:'json', success:function(result){ var person = result.d; var showText = []; for(var p in person){ showText.push(p + ":" + person[p]); } alert(showText.join("\r\n")); } }); }); }); <form id="form1" runat="server"> <input type="button" id="btnHelloWorld" value="HelloWorld"> <input type="button" id="btnHello" value="Hello"> <input type="button" id="btnArray" value="CreateArray"> <input type="button" id="btnPerson" value="GetPerson"> </form> </int></int></int>