ajax로 데이터 송수신 진행 시, 에러

ajax로 데이터 송수신 진행 시, 에러

QA

ajax로 데이터 송수신 진행 시, 에러

본문


$.ajax({
                    type: "POST",
                    url: "https://xxx.com", //데이터 전송받는 특정 주소
                    data: {
                        "name": f.name.value,
                        "hp": f.tel.value,
                    },
                    dataType: "json",
                    success: function(json) {
                        if (json) {
                            if (json.result == true) { // 응모 성공
                                alert("응모가 완료되었습니다.");
                                f.reset();
                            }
                        }
                        return;
                    }
                });

 

이렇게 데이터를 ajax로 api post로 통신하여 데이터 송수신을 진행하려 합니다.

 

근데, 콘솔 확인해보니, 

2042089677_1659080697.5664.png

이런식으로 뜨는 상황인데 해결점이 있을까요?

이 질문에 댓글 쓰기 :

답변 5

외부도메인을 사용할경우 jsonp를 사용해야합니다.

1890394026_1659083263.7477.png

저 주소가 외부 도메인이면 안되실겁니다. 

cors 를 해결할려면, 요청하는 서버에서 cors 를 allow 해주는 추가 작업을 해주거나,

PHP에서 curl로 요청후 자기 도메인에서 json을 뿌려주는 형태(proxy)로 수정하셔야 합니다.

jsonp 도  callback 처리를 위해서 서버에서 별도  별도 처리가 필요합니다. 

(해당 서버가 내 서버가 아닌 경우는 수정이 안됨)

 

따라서, 쉽게 구현하는 방법은 ajax요청을 로컬 서버로 하고, 로컬 서버에서 php curl로 원격 요청 결과를 다시 뿌려주는 형태입니다.

 

cors allow 처리 하는것도 웹서버의 영향을 받기 때문에, 예제보고 따라해도 동작 안되는 경우가 더 많습니다.

(머리털 빠짐.)

 

답변을 작성하시기 전에 로그인 해주세요.
전체 72
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT