html 홈페이지에서 input값을 입력하면 py파일을 실행시키면서 입력값을 변수로 사용한 결과를 화면에 출력하고 싶습니다.

조회수 1973회

상황

  1. 인터넷상에 현재 구현한 html 홈페이지가 있습니다.
  2. html상의 input에 값을 입력하고 onclick을 하면
  3. 특정.py을 실행시키고 2에서 입력한 값을 변수로 한 결과를 html 화면상에 출력하고 싶습니다

ex) 입력 : 3 -> py에 입력되어있는것 입력값의 구구단(예시일뿐입니다, 실제 코드는 매우 김) -> py의 실행결과를 html에 출력(그래프나 문자)

구글갓에 검색하니 ajax를 사용한 예제가 많은데 localhost:5000이나, py를 실행해야 html이 시작되는 형식이라 이미 구현한 홈페이지에서 어떻게 접근해야 할지를 몰라 올립니다.

결론 : html의 특정 입력값을 py와 보냄과 동시에 py의 실행결과를 html로 반환하고 싶습니다.

1 답변

    1. 인터넷상에 현재 구현한 html 홈페이지 말고 새 홈페이지를 만드세요. 파이썬으로 만드셔야 합니다. foobar.com이라고 하겠습니다.
    2. 그 홈페이지는 다른 건 하나도 접속 안 되고 /magic이라는 라우트만 존재하는 홈페이지입니다.
    3. foobar.com/magic에 접속하면, 특정.py를 실행한 결과가 html로 나옵니다. (이것 때문에 파이썬으로 만들어야 한다고 설명 드립니다.)
    4. 인터넷상에 현재 구현한 그 html 홈페이지에서 대충 이런 코드를 넣고 열어보세요.
    <a id="resultDemander">결과가 뭡니까?</a>
    <div id="resultContainer"></div>
    <!-- 대충 jQuery 쓴다고 가정 -->
    <script>
    $('#resultDemander').click(function(e) {
        e.preventDefault();
        $.ajax({
            method: 'GET',
            url: 'http://foobar.com/magic'
            dataType: 'html'
        }).done(function (response) {
            $('#resultContainer').html(response);
        });
    });
    </script>
    

    속는 셈치고 따라해 보세요. 하다가 모르겠는 게 있으면 별도의 새 질문으로 올려 주세요.

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)