아약스 후 반환 내가 (+ JS) 코드이 HTML을

Question

게시 된 데이터 대신 URL을 제공 문자열은 prot 텍스트 필드에 표시됩니다. 내 prot 텍스트 필드에 URL이 표시됩니다. 오류/예외가 발생하지 않습니다. URL을 <seq>으로 변경하여 동일한 버그가 발생했습니다.

Answer 1

아래 답변을 사용하여 요구 사항을 충족하십시오.

@app.route("/seq", methods=['POST', 'GET']) 
def seq(): 
    if request.method == 'POST': 
     print(request.form) 
     return request.form['message'] 
    else: 
     // Do Stuff here for GET request 
     // return '' 

당신 ajax POST 요청은 아래와 같이 될 것입니다 :

내가 코멘트에서 설명했듯이

<script> 
$("#submitID").click(function() { 
    document.body.style.background = 'red'; 
    $.ajax({ 
      type: "POST", 
      url: "/seq", 
      data: { 
       message: 'message' // you can send other parameters here. 
      }, 
      success: function(data) 
      { 
       document.body.style.background = 'green'; 
       document.getElementById("prot").value = data; 
       alert(data); // show response from the python script. 
      }, 
      error: function(xhr, ajaxOptions, thrownError){ 
       alert(xhr.responseText); 
      } 
     }); 
    return false; // avoid to execute the actual submit of the form. 
}); 
</script> 

는 문제는 경로 (당신이 플라스크 백엔드에 지정된 방법)에있다.

Answer 2

<seq>은 URL의 동적 인 부분을 의미합니다. seq이 뷰 기능에 전달됩니다. 귀하의 ajax 코드에 <seq>을 씁니다. 따라서 seq (보기 기능의 매개 변수)은 <seq>이됩니다. 뷰 기능은 응답 데이터로이를 반환합니다.