JQuery Ajax를 통한 데이터 게시

Question

JQuery를 사용하여 데이터 게시 문제가 있습니다. 크롬 확장 우편 게시자를 통해 잘 작동합니다.

내 코드

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"

작품 잘 때 우체부 크롬 확장에 게시 된 데이터.

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'누락). 그것에 대해

는 크로마뇽 인의 기원은 this link

Answer 2

쓰기 아래의 스크린 샷이 헤더 : { 'X-요청-와': 'XMLHttpRequest의'} 대신에 "X-요청-와"의 "XMLHttpRequest를"과 dataType와 "JSON"대신의 contentType의 : "응용 프로그램/JSON; 문자셋 = 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; 
});