login register Sysop! about ME  

2022년 08월 31일 21시 51분 00초,     조회수 : 271
  제목 : htm 문서에서 json 데이터 넘기는 방법이 궁금합니다.
SEQ : 24110 글쓴이 : chokhoon

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

소스는 아래와 같습니다.

==========================================================

<!DOCTYPE html>
<html lang="ko">
<head>
<title></title>
<meta charset="utf-8" />

<script type="text/javascript">

    var send_data = function () {

        var userName   = document.getElementById("userName").value;
        var userHp     = document.getElementById("userHp").value;
        var orderNo    = document.getElementById("orderNo").value;
        var orderTime  = document.getElementById("orderTime").value;

        (async () => {
            const rawResponse = await fetch('bbb.asp', {
                method  : 'POST',
                headers : {
                    'Accept'        : 'application/json',
                    'Content-Type'  : 'application/json'
                },
                body : JSON.stringify({
                    'userName'  : userName,
                    'userHp'    : userHp, 
                    'orderNo'   : orderNo,
                    'orderTime' : orderTime
                })
            });
	   	       const content = await rawResponse.json();

            console.log(content);
        })();

    };

</script>
</head>

<body>

<form name="send_form" method="post">
    <input type="hidden" id="userName"   value="홍길동" />
    <input type="hidden" id="userHp"     value="01012345678" />
    <input type="hidden" id="orderNo"    value="2022_12345678" />
    <input type="hidden" id="orderTime"  value="20220901104030" />
</form>

<a href="javascript:send_data()">전송</a>

</body>

</html>

==========================================================

잘 작동되는 소스라고 받은겁니다.
이렇게 작성되어 있는데 전송을 누르면 bbb.asp 파일로 안넘어 가네요.
iis에 뭔가를 설치해주어야 하는 건가요?

fetch <-- 이부분에서 걸리는듯 한데요.

  wind1379
  2022-09-02(11:51)
캐릭 이미지
https://developer.mozilla.org/ko/docs/Web/API/Fetch_API/Using_Fetch
ie 에서는 안될것 같습니다.
맨 아래 보시면 지원하는 브라우저 있으니 확인해 주세요...[Mr.NET!]

  chokhoon
  2022-09-03(10:44)
답변 감사합니다.
윈도우 10이구요.
ie 가 아니고 크롬에서 하는데 안되네요.
edge로 해봐도 마찬가지구요.

전송버튼을 누르면 상대방은 정상적으로 값을 받았다고 합니다.
그런데 제 크롬에서는 해당 사이트로 이동하면서 리턴메시지가 나와야 하는데
해당사이트로 이동하지도 않고 리턴 메시지도 안나오네요.
브라우저 상에서는 버튼을 눌러도 아무런 변화가 없습니다.

  virgo75
  2022-09-03(12:55)
캐릭 이미지
일단 상대측에서 정보를 받아서 처리가 되었다고 하니 fetch로 상대방측에 보내는거는 성공했
는데, 그 성공후에 처리에 대한 내용이 안보이네요 ??

로그에 남기고 나서 페이지 이동을 하던지, 아니면 성공했다는 무언가 처리가 필요할듯 한데요
?

  chokhoon
  2022-09-03(23:20)
스크립트 실행이 끝나면 bbb.asp로 이동하는게 아니고
bbb.asp에는 그냥 전달만 하고
성공이나 실패에 대한 메시지나 페이지 이동은 따로 추가를 해야 한다는 말씀이신거죠?
답변 감사합니다.



제목 작성자 날짜 조회
htm 문서에서 json 데이터 넘기는 방법이 궁금합니다. (4) chokhoon 2022-08-31 271

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})