webservice+Jquery返回Json格式
2017-09-04 13:53
369 查看
UI界面
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
$.ajax({
type: "POST",
url: "data.asmx/GetUser",
data: { orderType: "asc" }, //注意这个地方的orderType是调用da.asmx(webservice)中GetUser的参数
success: function (data) {
debugger
//将返回字符串转换为json对象
//如果
var json = null;
try {
json = eval('(' + data.text + ')');
} catch (e) {
alert("返回字符串不是json格式!");
return;
}
alert(json.d);
}
});
})
})
</script>
<div>
<h1>
Jquery+WebService=》返回Json类型</h1>
<hr />
<input id="txt" type="text" size="20" runat="server" />
<input id="btn" type="button" value="调用WebServer方式111" />
<hr />
</div>
Webservice代码(data.asmx)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Serialization;//添加它为了方便序列化
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService()]//如果不添加它,Json访问WebService会出错
public class data : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
[WebMethod]
public string GetUser(string orderType)
{
User use1 = new User
{
ID = 1,
Name = "GXW",
PWD = "123456"
};
User use2 = new User
{
ID = 2,
Name = "GXW2",
PWD = "23456"
};
User use3 = new User
{
ID = 3,
Name = "3GXW2",
PWD = "3456"
};
List<User> list = new List<User>();
list.Add(use1);
list.Add(use2);
list.Add(use3);
return ToJSON(list);
}
//对数据序列化,返回JSON格式
public string ToJSON(object obj)
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(obj);
}
}
public class User
{
public int ID { get; set; }
public string Name{get;set;}
public string PWD { get; set; }
}
好了,这样就返回了json形式,同理别的方式也是这样的
转载自:http://www.cnblogs.com/bingzisky/archive/2011/10/12/2208972.html
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script>
<script type="text/javascript">
$(function () {
$("#btn").click(function () {
$.ajax({
type: "POST",
url: "data.asmx/GetUser",
data: { orderType: "asc" }, //注意这个地方的orderType是调用da.asmx(webservice)中GetUser的参数
success: function (data) {
debugger
//将返回字符串转换为json对象
//如果
var json = null;
try {
json = eval('(' + data.text + ')');
} catch (e) {
alert("返回字符串不是json格式!");
return;
}
alert(json.d);
}
});
})
})
</script>
<div>
<h1>
Jquery+WebService=》返回Json类型</h1>
<hr />
<input id="txt" type="text" size="20" runat="server" />
<input id="btn" type="button" value="调用WebServer方式111" />
<hr />
</div>
Webservice代码(data.asmx)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Serialization;//添加它为了方便序列化
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService()]//如果不添加它,Json访问WebService会出错
public class data : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
[WebMethod]
public string GetUser(string orderType)
{
User use1 = new User
{
ID = 1,
Name = "GXW",
PWD = "123456"
};
User use2 = new User
{
ID = 2,
Name = "GXW2",
PWD = "23456"
};
User use3 = new User
{
ID = 3,
Name = "3GXW2",
PWD = "3456"
};
List<User> list = new List<User>();
list.Add(use1);
list.Add(use2);
list.Add(use3);
return ToJSON(list);
}
//对数据序列化,返回JSON格式
public string ToJSON(object obj)
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
return serializer.Serialize(obj);
}
}
public class User
{
public int ID { get; set; }
public string Name{get;set;}
public string PWD { get; set; }
}
好了,这样就返回了json形式,同理别的方式也是这样的
转载自:http://www.cnblogs.com/bingzisky/archive/2011/10/12/2208972.html
相关文章推荐
- webservice+Jquery返回Json格式【原创】
- webservice+Jquery返回Json格式
- jquery使用json格式 调用 restful wcf web service
- cxf web service 解决返回的json格式数据乱码问题
- jquery使用json格式 调用 restful wcf web service
- 用Jquery处理PHP返回的JSON格式数据的三种方法
- JQuery调用VS2005 c#2.0编写的Webservice时返回值转换成JSON格式的解决办法
- JQuery返回Json日期格式的問題
- jquery调用struts2,返回script/text/json格式的数据
- Jquery+JSON+WebService 应用实例....
- jQuery asp.net 用json格式返回自定义对象
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- django restul webservice返回json数据
- 用json格式返回自定义对象。(jQuery asp.net)
- 对Jquery+JSON+WebService的一点认识
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- ie8下使用jquery-file-upload上传文件后返回json格式数据提示下载
- JQuery返回Json日期格式的問題
- ajaxpro jquery json webservice 局部刷新