call funtion webservice form javascript

You can jQuery to make web service call from client side.


$(document).ready(function(){

$.ajax({
type: "POST",
url: "service.asmx/HelloWorld",
data: parameters,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(msg) {
$("#message").html(msg.d);
}
});

});

// Javascript function
function GetPatientDetails(val)
{

var id = $get(val);
/* Calling Page Method */
PageMethods.GetFunction(id,OnSuccess,OnFailure);
function OnSuccess(result)
{
if(result!='')
{
var resultArray=result.split('|');
}
}
function OnFailure(error)
{
alert('Error In Fetching');
}
}
//.cs file(Code Behind)

[WebMethod]
public static string GetFunction(string _id)
{

string result = ""
//User Code here

return result;
}

/NOTE : In Script manager set attribute EnablePageMethods="true"
//ASPX FORM

<asp:textbox id="txtPatientName" width="200px" onblur="GetPatientDetails();" xmlns:asp="#unknown">
runat="server">