jQuery의 getJSON () 메서드로 요청 헤더를 어떻게 전달할 수 있습니까?
getJSON()요청 을해야하는데 인증 및 사용자 지정 헤더를 어떻게 전달합니까?
요청 헤더가 이름을 사용하지만 값이 아니라는 문제가 발생합니다. URL은 Fiddler의 수동 요청을 통해 GET / Url 대신 옵션으로 삽입되도록 표시됩니다.
다음은 피들러에서 잘 작동하는 작업의 예입니다. AJAX 함수로 어떻게 복제 할 수 있습니까?
GET /Service.svc/logins/gdd53535342/houses/vxcbdfsdg/people/dsgsdggd?format=json HTTP/1.1
User-Agent: Fiddler
Authorization: Basic rgbg423535fa23y4436
X-PartnerKey: df3fgeg-g5g6-b55b-f3d2-dsgg353523
Host: 154.34.53.54:2757
자바 스크립트 코드 :
xhr = new XMLHttpRequest();
$(document).ready(function() {
$.ajax({
url: 'http://localhost:437/service.svc/logins/jeffrey/house/fas6347/devices?format=json',
type: 'GET',
datatype: 'json',
success: function() { alert("Success"); },
error: function() { alert('Failed!'); },
beforeSend: setHeader
});
});
function setHeader(xhr) {
xhr.setRequestHeader('Authorization', 'Basic faskd52352rwfsdfs');
xhr.setRequestHeader('X-PartnerKey', '3252352-sdgds-sdgd-dsgs-sgs332fs3f');
}
Fiddler 일반 요청 헤더 :
GET /service.svc/logins/jeffrey/house/fas6347/devices?format=json HTTP/1.1
User-Agent: Fiddler
Authorization: Basic faskd52352rwfsdfs
X-PartnerKey: 3252352-sdgds-sdgd-dsgs-sgs332fs3f
Host: localhost:437
Ajax()요청 헤더를 통한 Fiddler :
OPTIONS service.svc/logins/jeffrey/house/fas6347/devices?format=json HTTP/1.1
Host: localhost:437
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.6) Gecko/20100625 Firefox/3.6.6
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 115
Proxy-Connection: keep-alive
Origin: http://ipv4.fiddler:61975
Access-Control-Request-Method: GET
Access-Control-Request-Headers: authorization,x-partnerkey
요청 헤더를 전달하려면 $ .ajax 함수를 사용해야한다는 sunetos에 동의합니다. 이를 위해 $ .ajax () 옵션 중 하나 인 beforeSend 이벤트 핸들러에 대한 함수를 작성해야합니다. 이를 수행하는 방법에 대한 간단한 샘플은 다음과 같습니다.
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.ajax({
url: 'service.svc/Request',
type: 'GET',
dataType: 'json',
success: function() { alert('hello!'); },
error: function() { alert('boo!'); },
beforeSend: setHeader
});
});
function setHeader(xhr) {
xhr.setRequestHeader('securityCode', 'Foo');
xhr.setRequestHeader('passkey', 'Bar');
}
</script>
</head>
<body>
<h1>Some Text</h1>
</body>
</html>
If you run the code above and watch the traffic in a tool like Fiddler, you'll see two requests headers passed in:
- securityCode with a value of Foo
- passkey with a value of Bar
The setHeader function could also be inline in the $.ajax options, but I wanted to call it out.
Hope this helps!
I think you could set the headers and still use getJSON() like this:
$.ajaxSetup({
headers : {
'Authorization' : 'Basic faskd52352rwfsdfs',
'X-PartnerKey' : '3252352-sdgds-sdgd-dsgs-sgs332fs3f'
}
});
$.getJSON('http://localhost:437/service.svc/logins/jeffrey/house/fas6347/devices?format=json', function(json) { alert("Success"); });
The $.getJSON() method is shorthand that does not let you specify advanced options like that. To do that, you need to use the full $.ajax() method.
Notice in the documentation at http://api.jquery.com/jQuery.getJSON/:
This is a shorthand Ajax function, which is equivalent to:
$.ajax({
url: url,
dataType: 'json',
data: data,
success: callback
});
So just use $.ajax() and provide all the extra parameters you need.
'Programing' 카테고리의 다른 글
| PHP에서 객체를 문자열로 변환하는 방법 (0) | 2020.10.27 |
|---|---|
| maven-archetype-webapp 이클립스 문제 (0) | 2020.10.27 |
| 5 년 후, "가장 빠른 C ++ 델리게이트"보다 나은 것이 있습니까? (0) | 2020.10.27 |
| mysql 데이터 디렉토리 위치 (0) | 2020.10.27 |
| 선택기 div + p (더하기)와 div ~ p (물결표)의 차이점 (0) | 2020.10.27 |