I am unable to call the webmthod from javascript using ajax call. Please check the code. What mistake i have done?
Filepaths:
C:\Users\Abhijit\Documents\Visual Studio 2013\WebSites\UpdatePanel\App_Code\DataService.cs
C:\Users\Abhijit\Documents\Visual Studio 2013\WebSites\UpdatePanel\Pages\Default.aspx
C:\Users\Abhijit\Documents\Visual Studio 2013\WebSites\UpdatePanel\Scripts\jquery-1.10.2.js
C:\Users\Abhijit\Documents\Visual Studio 2013\WebSites\UpdatePanel\Scripts\Test.js
What I have tried:
Default.aspx
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../Scripts/jquery-1.10.2.js"></script>
<script src="../Scripts/Test.js"></script>
</head>
<body>
<form id="form1" runat="server">
<input id="btnTest" type="button" onclick="CallFunction()" />
</form>
</body>
</html>
-------------------------------------------------------------------------
Test.js
function CallFunction()
{
$.ajax({
type: "POST",
url: "../DataService/GetData",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
var names = response.d;
alert(names);
},
failure: function (response) {
alert(response.d);
}
});
}
---------------------------------------------------------------------------------
DataService.cs
using System.Web;
using System.Web.Script.Serialization;
using System.Web.Services;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class DataService : System.Web.Services.WebService
{
[WebMethod (EnableSession=true)]
public string GetData()
{
Dictionary<string, string> name = new Dictionary<string, string>();
name.Add("1", "Sourav Kayal");
name.Add("2", "Ram mishra");
string myJsonString = (new JavaScriptSerializer()).Serialize(name);
return myJsonString;
}
}
-------------------------------------------------------------------------------------