jQuery $ .post 함수가 서버에 충돌하지 않습니까? 오류 응답이 실패했습니다

Question

웹 서버가 내장 된 제어 프로세서에 액세스하려고합니다. 컨트롤러에 프로그래밍 된 특정 값을 기반으로 jQuery 또는 js를 사용하여 서버에 내장 된 웹 사이트를 통해 작업을 트리거 할 수 있습니다. jQuery post 명령으로 문제가 발생했습니다. 고글의 REST 플러그인을 사용하면 모든 것이 작동하고 성공적으로 응답을받습니다. 어떤 아이디어?

function GetVariableValuesByName(name) { 
    $.post("http://10.10.254.11/RPC/", { 
     method: "GetVariableValuesByName", 
     param1: name, 
     encoding: "2" 
    }).done(function (data) { 
     data = String(data); 
     var info = data.responseText; 
     alert(info); 
    }).fail(function (data) { 
     data = String(data); 
     alert("error " + data) 
    }).always(function (data) { 
     data = String(data); 
     alert("just in case " + data); 
    }); 
} 

마지막 기능 예제에서는 xmlhttp 개체를 만든 것으로 가정합니다.

function GetVariableValuesByName(name) { 

$.ajax({ 
type: "POST", 
url: "http://10.10.254.11/RPC/", 
data: { method: "GetVariableValueByName", param1: "VOL_BAR", encoding: "2" } 
}).done(function(msg) { 
    alert("Data Saved: " + msg); 
}).fail(function(msg) { 
    alert("error " + msg) 
}); 
} 

function GetVariableValuesByName(name) { 

xmlhttp.open("POST","http://10.10.254.11/RPC/",false); 
var theString = "method=GetVariableValueByName&param1=" + name; 
xmlhttp.setRequestHeader ("Content-Type", "application/x-www-form-urlencoded"); 
xmlhttp.send(theString);  
var wacivar = xmlhttp.responseText; 
wacivar = String(wacivar); 
wacivar = wacivar.substr(19); 

alert(wacivar); 
} 

Answer 1

당신은 당신이하는 동안 다른 도메인에 AJAX 요청을 할 수 있다는 것을 의미하는 동일 출처 정책을 타격, 당신은 응답을 읽을 수 없습니다 (당신 콜백이 발사되지 않는 이유입니다). 해결책은 CORS (서버 측 HTTP 응답에 여분의 헤더 추가) 또는 JSONP (JSONP 콜백을 사용하여 사용자 정의 응답) 중 하나를 사용하는 것입니다. CORON을 사용하는 것이 더 나은 오류 처리를 제공하므로 조언을 해주고 JSONP는 해킹을 더 많이합니다.

CORS를 사용하려면 크로스 도메인이어야하는 응답에 위키피디아 문서의 설명 된 헤더를 추가하십시오.

당신은 해결책의 예를 물었지만 솔루션은 JSONP와 CORS 모두에 대해 서버 측에서 구현되어야합니다.