JQuery経由のデータ転記Ajax

Question

私はJQueryを使用してデータを転記する際に問題に直面しています。私がChrome Extension Postmanを通じてそれを実行するとうまく動作します。ポストマンクローム拡張を使用してデータを掲載する際ファインワークス

マイコード

var request = $.ajax({ 
    url:    'http://pankajserver.in/api/SaveRoleApi', 
    type:    "POST", 
    data:    {Role : "wsed"}, 
    async:    true, 
    contentType:  "application/json; charset=utf-8", 
    "X-Requested-With": "XMLHttpRequest" 
}); 

request.done(function(msg) { 
    debugger; 
}); 

request.fail(function(jqXHR, textStatus) { 
    debugger; 
}); 

Url: http://pankajserver.in/api/SaveRoleApi
contentType: "application/json; charset=utf-8"
X-Requested-With: "XMLHttpRequest"

。 { 'X-要求-WITH'： 'のXMLHttpRequest'}代わりに "X-要求-と" の "のXMLHttpRequest" とデータ型： "JSON" の代わりのcontentType

Answer 1

この

$.ajax({ 
    "async": true, 
    "crossDomain": true, 
    "url": "http://pankajserver.in/api/SaveRoleApi", 
    "method": "POST", 
    "headers": { 
     "content-type": "application/x-www-form-urlencoded", 
     "x-requested-with": "XMLHttpRequest", 
    }, 
    "data": { 
     "Role": "wsed" 
    }, 
    success: function (msg) { 
     debugger; 
    }, 
    error: function (jqXHR, textStatus) { 
     debugger; 
    } 
}); 

は、私がブロックされたコンソールクロスオリジン・リクエストのエラーを参照してみてください：同一生成元ポリシーのdisallをリモートリソースの読み取りはhttp://pankajserver.in/api/SaveRoleApiです。 （理由：CORSヘッダー「Access-Control-Allow-Origin」がありません）。そのため

のCRO起源はthis link

Answer 2

書き込みこのヘッダを以下のスクリーンショット： "アプリケーション/ jsonの;のcharset = UTF-8"、

var request = $.ajax({ 
url:    'http://pankajserver.in/api/SaveRoleApi', 
type:    "POST", 
data:    {Role : "wsed"}, 
async:    true, 
dataType: "json", 
contentType:  "application/json; charset=utf-8", 
headers: {'X-Requested-With': 'XMLHttpRequest'} 
}); 

request.done(function(msg) { 
debugger; 
}); 

request.fail(function(jqXHR, textStatus) { 
debugger; 
});