Javascript code for consuming web service

var WSUrl = "http://localhost/SampleWebService/Test.asmx";

function ValidateLogin() {

alert("called");

var uid = document.getElementById("username") .value;

var pwd = document.getElementById("password") .value;

alert(uid + pwd);

var dataString = "{ 'UserName' : '"+uid +"', 'Password' : '"+pwd+ "'}";

varType = "POST";

varUrl = WSUrl+"/LoginJSON";

varData = dataString;

varContentType = "application/json; charset=utf-8";

varDataType = "json";

varProcessData = true;

CallService();

}

function CallService() {

$.ajax({

type: varType, //GET or POST or PUT or DELETE verb

url: varUrl, // Location of the service

data: varData, //Data sent to server

contentType: varContentType, // content type sent to server

dataType: varDataType, //Expected data format from server

processdata: varProcessData, //True or False

success: function (msg) {//On Successfull service call

ServiceSucceeded(msg);

error: ServiceFailed// When Service call fails

});

}

function ServiceSucceeded(result) {//When service call is sucessful

var resultObject = null;

if (varDataType == "json") {

if (varUrl.indexOf(".asmx/") > 0) {

resultObject = result.d; // Constructed object name will be object.d //Button 1

}

ParseData(resultObject);

ClearVariables();

}

function ServiceFailed(result) {

alert('Service call failed: ' + result.status + '' + result.statusText);

ClearVariables();

}

function ParseData(resultobj) {

var array = typeof x_ != 'object' ? $.parseJSON(resultobj) : resultobj;

var userid = array[0]["UserId"];

alert(userid);

if (userid > 0) {

window.location.href = "MainMenu.html";

}

else {

document.getElementById("invalid").innerHTML = "

Invalid User Credentials

}

}

Above sample script is used in a login page to validate the user credential using Jquery. Its simple ajax call.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Manikavelu Velayutham14y ago
var WSUrl = "http://localhost/SampleWebService/Test.asmx";

function ValidateLogin() {
alert("called");
var uid = document.getElementById("username") .value;
var pwd = document.getElementById("password") .value;
alert(uid + pwd);
var dataString = "{ 'UserName' : '"+uid +"', 'Password' : '"+pwd+ "'}";
varType = "POST";
varUrl = WSUrl+"/LoginJSON";
varData = dataString;
varContentType = "application/json; charset=utf-8";
varDataType = "json";
varProcessData = true;
CallService();
}

function CallService() {
$.ajax({
type: varType, //GET or POST or PUT or DELETE verb
url: varUrl, // Location of the service
data: varData, //Data sent to server
contentType: varContentType, // content type sent to server
dataType: varDataType, //Expected data format from server
processdata: varProcessData, //True or False
success: function (msg) {//On Successfull service call
ServiceSucceeded(msg);
},
error: ServiceFailed// When Service call fails
});
}

function ServiceSucceeded(result) {//When service call is sucessful
var resultObject = null;
if (varDataType == "json") {
if (varUrl.indexOf(".asmx/") > 0) {
resultObject = result.d; // Constructed object name will be object.d //Button 1
}
}
ParseData(resultObject);
ClearVariables();
}

function ServiceFailed(result) {
alert('Service call failed: ' + result.status + '' + result.statusText);
ClearVariables();
}

function ParseData(resultobj) {
var array = typeof x_ != 'object' ? $.parseJSON(resultobj) : resultobj;
var userid = array[0]["UserId"];
alert(userid);
if (userid > 0) {
window.location.href = "MainMenu.html";
}
else {
document.getElementById("invalid").innerHTML = "
Invalid User Credentials
";
}

}

Above sample script is used in a login page to validate the user credential using Jquery. Its simple ajax call.