jQuery AJAX POST メソッドで Rest サービスを呼び出しました。ヘッダーに 2 つの値を渡す必要があります。Firefox は、ヘッダー値をサービスに渡すことも、REST サービスを呼び出すこともありません。
私のJqueryコード
var postCall = function () {
$.support.cors = true;
var HFAssoRefId = document.getElementById('MainContent_HFAssoRefId').value;
var Input = {
AssoRefId: HFAssoRefId
};
alert(JSON.stringify(Input));
var url = document.URL;
var name = "samuel";
$.ajax({
type: "POST",
beforeSend: function (xhr) {
xhr.setRequestHeader("PartnerName", name);
xhr.setRequestHeader("URL", url);
},
url: "http://localhost:40680/Service.svc/TokenInsertion",
data: JSON.stringify(Input),
contentType: "application/json",
dataType: "json",
success: function (response) {
alert(response);
},
error: function (xhr, status, error) {
alert(status);
}
});
}
jQuery AJAXでヘッダー値を渡す他の方法はありますか? Internet Explorer 8 で正常に動作します。また、Firefox ブラウザと互換性を持たせるにはどうすればよいですか?
このように投稿する他の方法を試しました。方法 1 :
$(document).ready(function () {
$("#button").click(function(){
var name1 = "samuel";
var url1 = document.URL;
$.post('http://localhost:41855/IntegrationCheck/Default.aspx', {
name : name1,
url : url1
},function (data) {
alert(data);
});
});
});
AJAX jQueryの方法2:
function setHeader() {
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader('Accept', '');
xhr.setRequestHeader("Content-Type", "application/json");
xhr.setRequestHeader("Accept", "text/xml;application/json");
xhr.setRequestHeader("PartnerName", name);
xhr.setRequestHeader("URL", url);
}
ただし、ヘッダー値は渡されず、サービスは Firefox で呼び出されません。助言がありますか..