python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
authentication on a wcf rest service json

Authentication on a WCF REST Service using JSON Request

Hello everyone, I am going to share the code sample how rest service authenticate using JSON Request.

Table of Contents

  1. First added to request headers for rest service authenticate.
  2. Encrypt the username and password and added in the heder.
In Step 1

Need to add request headers to authenticate a wcf rest services using json request response. i.e.


beforeSend: function (xhr) 

{
   xhr.setRequestHeader("UserRoleId", "1");
   xhr.setRequestHeader('Authorization Basic ', authenticatedByRequestHeader(username, pwd));

}

In the 2nd Step


Need to encrypt username and password and sent with heeder responses. i.e.

var username = "[email protected]";
var pwd = "validate";


function authenticatedByRequestHeader(username, pwd) 

{
   var token = 
username + ':' + pwd;
   var hashpwd = btoa(token);
   return hashpwd;

}

Example for Authenticate REST WCF Services using JSON AJAX


<script type="text/javascript">

var username = "[email protected]";
var pwd = "authen@123#";


function authenticatedByRequestHeader(username, pwd) 
{
   var token = username ':' + pwd;
   var hashpwd = btoa(token);
   return hashpwd;
}

$(document).ready(function () {


$.ajax({
 
url: "https://192.168.1.11/UserService-20120830/GetUserService.svc/REST/",
  type: "post",
  dataType: "json",
  data: {},
 
beforeSend: function (xhr) {
  xhr.setRequestHeader("UserRoleId", "1");
  xhr.setRequestHeader('Authorization Basic ', authenticatedByRequestHeader(username,  pwd));
},contentType: 'application/json',
success: function (result) {
  //Todo: if success, you implement your logic here..
  },
error: function (jqXHR, txtStatus, errorsThrown) {
  var errorMsg = '';
  $('#msg').html(jqXHR.responseText);
}
});
});


</script>

ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions