Web service returning 500 failed to load resource error

When I try to call C# Web service using jQurey, I am getting error "Failed to load resource: the server responded with a status of 500 (Internal Server Error)"

I'm trying to send a call using ajax but in Chrome it is raising an error here is my code

JQuery:

<script type="text/javascript">
$(document).ready(function() {
SearchText();
});
function SearchText() {

$("#txtItem").autocomplete({
source: function (request, response) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",

url: "~/getitemdetails.asmx/GetItemNames",

data: "{'term':'" + document.getElementById('txtItem').value + "'}",

dataType: "json",
success: function (data) {
response(data.d);
},
error: function (result) {
alert("No Match");
}
});
}
});
}
</script>

Web-Form HTML

<asp:TextBox ID="txtItem" CssClass="form-control col-md-3" runat="server"></asp:TextBox>

C# Web Method.

[WebMethod]
[ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json, XmlSerializeString = false)]
public List<string> GetItemNames(string term)

{
System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer();

List<string> listCountryName = new List<string>();
string cs = System.Configuration.ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
using (SqlConnection con = new SqlConnection(cs))
{
SqlCommand cmd = new SqlCommand("spGetitemname", con);
cmd.CommandType = CommandType.StoredProcedure;

SqlParameter parameter = new SqlParameter()
{
ParameterName = "@term",
Value = term
};
cmd.Parameters.Add(parameter);
con.Open();
SqlDataReader rdr = cmd.ExecuteReader();
while (rdr.Read())
{
listCountryName.Add(rdr["raw_items"].ToString());
}

return (listCountryName);


}

}

}

How can I solve this error?

---

1 Answers