后台webservice返回JSON，前台js用ajax调用

一、js将string转为json
http://blog.csdn.net/jjzjjz1/article/details/6334415

function jsontest() {
//var testJson = "{ name: '小强', age: 16 }";(支持)
//var testJson = "{ 'name': '小强', 'age': 16 }";（支持）
var testJson = '{ "name": "小强", "age": 16 }';
alert(testJson);
//testJson=eval(testJson);//错误的转换方式
testJson = eval("(" + testJson + ")");
alert(testJson);
alert(testJson.name);
}

二、后台webservice返回JSON，前台js用ajax调用

1、eg:

（1）webservice中的方法:

/// <summary>
/// 根据地区获取客运驾驶舱汇总数据
/// </summary>
/// <param name="strAreaCode"></param>
/// <returns></returns>
[WebMethod]
public static string GetPassengerCockpitByAreaCode(string strAreaCode, string strOrgId)
{
StringBuilder sb = new StringBuilder();
sb.Append("{");

//1.客运车辆运力
sb.Append("\"vehicle_num\": \"" + BaseBLLFactory.CreateService<JstmbsCacheService>().GetAreaPracPassengerSummaryByAreaCode(strAreaCode).Total + "\",");
sb.Append("\"vehicle_seats\": \"2\",");
sb.Append("}");

return sb.ToString();
}

(2)js:

//根据AreaCode获取获取数据
function getPassCockpitData(strAreaCode_Cockpit,strOrgId_Cockpit) {
//数据切换
$.ajax({
type: "POST",     //要用post方式
url: "../../Ajax/WebServiceDCHandler.aspx/GetPassengerCockpitByAreaCode",
contentType: "application/json",
data: '{"strAreaCode":"' + strAreaCode_Cockpit + '","strOrgId":"' + strOrgId_Cockpit + '"}',
dataType: "json",
success: function (data) {
var cockpit_data = eval("(" + data.d + ")");
alert(cockpit_data.vehicle_num);
alert(cockpit_data.vehicle_seats);
},
error: function (err) {
alert("获取【客运车辆数】数据出错！");
}
});
}

2、Ilist转化为json

(1)webservice中的方法：

[WebMethod]
public static string GetOwnerWithVehicleByOrgId(string strAreaCode, string strOrgId)
{
IList lstOwnerNumWithVehicleSum = BaseBLLFactory.CreateService<PassTransService>().GetOwnerWithVehicleByOrgId(strOrgId);

StringBuilder sbJson = new StringBuilder();
sbJson.Append("{\"OwnerWithVehicle\":[");

for (int i = 0; i < lstOwnerNumWithVehicleSum.Count; i++)
{
Object[] lstObj = (Object[])lstOwnerNumWithVehicleSum[i];

sbJson.Append("{");
sbJson.Append("\"statisticsTarget\":\"" + lstObj[1].ToString() + "\",");
sbJson.Append("\"ownerTotalNum\":\"" + lstObj[3].ToString() + "\",");
sbJson.Append("\"E100\":\"" + lstObj[4].ToString() + "\",");
sbJson.Append("\"E50\":\"" + lstObj[5].ToString() + "\",");
sbJson.Append("\"E10\":\"" + lstObj[6].ToString() + "\",");
sbJson.Append("\"E0\":\"" + lstObj[7].ToString() + "\"");
sbJson.Append("}");

if (i < lstOwnerNumWithVehicleSum.Count - 1)
{
sbJson.Append(",");
}
}

sbJson.Append("]}");

return sbJson.ToString();
}

（2）js:

function GetPassOwnerWithVehicleData() {
var strAreaCode = getAreaCodeCookie();
var strOrgId = getOrgIdCookie();

$.ajax({
type: "POST",     //要用post方式
url: "../../Ajax/WebServiceDCHandler.aspx/GetOwnerWithVehicleByOrgId",
contentType: "application/json",
data: '{"strAreaCode":"' + strAreaCode + '","strOrgId":"' + strOrgId + '"}',
dataType: "json",
success: function (data) {
var allData = eval("(" + data.d + ")");
var series_data = [];
for (var i = 0; i < allData.OwnerWithVehicle.length; i++) {
var dataTemp = [];
dataTemp.push(parseFloat(allData.OwnerWithVehicle[i].E100));
dataTemp.push(parseFloat(allData.OwnerWithVehicle[i].E50));
dataTemp.push(parseFloat(allData.OwnerWithVehicle[i].E10));
dataTemp.push(parseFloat(allData.OwnerWithVehicle[i].E0));
series_data.push({ name: allData.OwnerWithVehicle[i].statisticsTarget, data: dataTemp });
}

var xAxis_data = ["100辆及以上企业", "50~99辆企业", "10~49辆企业", "10辆以下企业"];
var yAxis_title = "户";
column3DCharts("#container", xAxis_data, yAxis_title, series_data)
},
error: function (err) {
alert("获得客运业户车辆拥有量分析数据出错！");
}
});
}