$ajax() を残りのサービスに呼び出そうとしています。この呼び出しを行うには基本認証を使用する必要があるため、ajax 呼び出しに beforeSend ハンドラーを追加しました。これを Fiddler でトレースすると、認証ヘッダーがリクエストに添付されていません。
<body>
<div id="Button1" style="border: 2px solid blue; font-family: Cambria;">
Get CMS Content
</div>
<br />
<div id="error" style="color: Red; font-family: Cambria; font-size: large; display: none;">
</div>
<span style="font-family: Cambria; color: #009933; font-weight: bold">Result:</span>
<div id="result">
</div>
<script src="scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#Button1').click(function () {
$('#error').fadeOut('slow');
//var requestParams = { 'format': 'json', 'username': 'administrator', 'password': '' };
var requestParams = { 'format': 'json' };
$.ajax({
beforeSend: function (xhr) {
xhr.setRequestHeader("Authorization", "Basic YWRtaW5pc3RyYXRvcjo=");
},
url: "http://localhost/KenticoCMS7/rest/cms.country",
data: requestParams,
dataType: "text",
contentType: "application/json;",
success: function (result) {
$('#error').fadeOut('slow');
$('#result').text(result);
},
error: function (xhr, status, errorThrown) {
$('#error').text(JSON.stringify(xhr));
$('#error').fadeIn('slow');
}
});
});
});
</script>
これに関する提案は非常に役立ちます。また、GET タイプである必要があるのに、フィドラーがこのリクエストを OPTIONS タイプとしてトレースするのはなぜですか?