how to send api url with api key(auth) as header using jquery?

Question

0.00/5 (No votes)

See more:

Resource URL
https://auspost.com.au/api/postage/parcel/domestic/weight
Headers
auth-key
required
GET
https://auspost.com.au/api/postage/parcel/domestic/weight.{format}

i can't able to send header with api link.
plsease give some example.

Posted 16-Dec-14 2:57am

utm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kornfeld Eliyahu Peter · Accepted Answer · 2014-12-16T04:08:00

Solution 1

With jQuery ajax methods you have two ways to set headers - those headers will be sent with the request...
1.

JavaScript

$.ajax({
  type: 'POST',
  url: 'https://auspost.com.au/api/postage/parcel/domestic/weight',
  headers: {
    "auth-key":"value"
    // more as you need
  }
});

2.

JavaScript

$.ajax({
  type: 'POST',
  url: 'https://auspost.com.au/api/postage/parcel/domestic/weight',
  beforeSend: function(xhr) {
    xhr.setRequestHeader("auth-key", "value"); 
    // more as you need
  }
});

Posted 16-Dec-14 4:08am

Kornfeld Eliyahu Peter

Comments

utm 16-Dec-14 10:46am

thanku very much..

RaisKazi 16-Dec-14 19:07pm

My 5.

Kornfeld Eliyahu Peter 17-Dec-14 1:18am

Thank you...

utm 17-Dec-14 0:30am

$.ajax({
type: 'POST',
url: 'https://auspost.com.au/api/postage/country.json',
beforeSend: function (xhr) {
xhr.setRequestHeader("AUTH-KEY", "d1dc0329-5769-463b-af5f-84aea8d85218");

},

success: function () {
alert("success");
},
error: function () {
alert("Network error");
}
});

my above script is not working...it shows network error..please suggest

Kornfeld Eliyahu Peter 17-Dec-14 1:19am

What error?

utm 17-Dec-14 1:42am

error:function()
get execute and show alert message("network error");
but i want json result from the above api link and success alert message.
i think i am doing wrong some where in authentication.please help.
my plan is if i get success than i will append the json with the html.

Kornfeld Eliyahu Peter 17-Dec-14 1:43am

Use your browser's debugger to see what the actual error is...

Member 14577159 5-Oct-19 5:49am

thanks

utm 17-Dec-14 1:48am

OPTIONS https://auspost.com.au/api/postage/parcel/domestic/weight.json jquery-2.0.3.min.js:6
XMLHttpRequest cannot load https://auspost.com.au/api/postage/parcel/domestic/weight.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:10427' is therefore not allowed access. The response had HTTP status code 500.

this error i got in console

Kornfeld Eliyahu Peter 17-Dec-14 1:51am

Welcome to web developers hell!
The problem is that you try to access a service from a site that has no right to do so...Do these things:
1. Contact the service owner to check what do you need
2. Read this to start learning about the 'same-origin-problem': https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

utm 17-Dec-14 2:04am

ok thanks.. let me check