您可以使用jQueryajax从Web服务中检索数据吗
本文关键字:检索 数据 服务 Web 可以使 jQueryajax | 更新日期: 2023-09-27 18:27:55
我正试图从SQL Server数据库中检索数据,并使用jQuery ajax进行检索。我需要将这些数据放入一些jqPlot图表中,并认为这是最好的方法。如果有更好的方法,请告诉我。
这是我当前的代码:
Javascript/jQuery:
$(document).ready(function () {
$(".datepicker").datepicker();
$(".submitButton").click(handleSubmitButton);
}); //end of document ready
function handleSubmitButton() {
var AnDParms = new Object();
AnDParms.startDate = $('.start-date').val();
AnDParms.endDate = $('.end-date').val();
AnDParms.facility = $('.FacilityDDL').val();
var DTO = { 'parameters': AndParms };
$.ajax({
type: "GET",
contentType: "application/json; charset=utf-8",
data: JSON.stringify(DTO),
url: "GetAdmitsDischarges.asmx.cs/GetAandD",
dataType: "json",
success: function (data) {
alert("Data: " + data.d);
// do chart stuff here.
},
error: function (data) {
alert("Error!" + data.d);
} //end of success
}); //end of ajax call
} //end of handleSubmitButton function
Web服务(GetAdmitsDischarges.asmx.cs
):
namespace DashboardTest2010
{
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[ScriptService]
public class GetAdmitsDischarges : WebService
{
public class AnDParms
{
public string startDate { get; set; }
public string endDate { get; set; }
public string facility { get; set; }
}
public class AnDReturns
{
public string Admits { get; set; }
public string Discharges { get; set; }
}
[WebMethod]
public string GetAandD(AnDParms parameters)
{
//StringBuilder results = new StringBuilder();
AnDReturns resultsObj = new AnDReturns();
resultsObj.Admits = "0";
resultsObj.Discharges = "0";
string results = "";
string connect = (the data connection string)
StringBuilder query = new StringBuilder();
query.Append("Select 'Admissions' SeriesType,");
//the rest of the query.
using (SqlConnection conn = new SqlConnection(connect))
{
using (SqlCommand cmd = new SqlCommand(query.ToString(), conn))
{
cmd.Parameters.AddWithValue("StartDate", parameters.startDate.ToString());
cmd.Parameters.AddWithValue("EndDate", parameters.endDate.ToString());
cmd.Parameters.AddWithValue("FacilityID", parameters.facility.ToString());
SqlDataReader rdr = cmd.ExecuteReader();
if (rdr.HasRows)
{
while (rdr.Read())
{
if (rdr["SeriesType"].ToString() == "Admissions")
{
resultsObj.Admits = rdr["SeriesCount"].ToString();
}
if (rdr["SeriesType"].ToString() == "Discharges")
{
resultsObj.Discharges = rdr["SeriesCount"].ToString();
}
}
results = JsonConvert.SerializeObject(resultsObj);
}
}
}
return results;
}
}
}
标记只是一个简单的页面,包含2个日期字段(设置为日期选择器)、1个下拉列表(工具)和一个提交按钮。以下是我的脚本标签,以确保我拥有所需的一切:
<script type="text/javascript" src="js/jqPlot/jquery.jqplot.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqPlot/jquery.jqplot.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="js/json2.js"></script>
<script type="text/javascript" src="js/DashboardTest.js"></script>
"jquery.js"是jqPlot附带的jquery。我必须支持IE 7+(因此是json2.js)DashboardTest.js就是上面的javascript。
运行此程序时不会发生任何事情,单击提交按钮时不会显示任何警报。任何帮助都将不胜感激。我的系统管理员不允许我安装Fiddle,如果你想知道的话。。。
调用WebService时,使用GetAdmitsDischarges.asmx
页面作为URL,而不是GetAdmitsDischarges.asmx.cs
页面后面的代码。
还有一件事。您正在进行GET请求,默认情况下WebServices不允许。您可能需要添加
<webServices>
<protocols>
<add name="HttpGet"/>
</protocols>
</webServices>
到您的web.config。