html 양식에서 JSP 스크립트 및 PHP 스크립트 호출하기

Question

웹 사이트의 서버 (웹 루트 아래에 있음)에서 PHP 스크립트를 호출해야하는 페이지에 양식이 있으며, 외부 JSP 스크립트를 호출해야합니다 다른 웹 사이트의 서버에 있습니다. <form action="..."에 두 개의 항목을 넣을 수는 없지만이 작업을 수행하는 방법을 알 수는 없습니다. 두 스크립트 모두 양식에서 제출 한 변수를 수신해야합니다.

편집 : 여기에 실수를했습니다. 미안하지만 자바 스크립트라고 생각했고 사실 JSP입니다. 내가 자바 스크립트를 언급 한 모든 장소를 수정하기 위해 내 게시물을 수정했습니다.

Answer 1

onclick 이벤트 핸들러를 제출 버튼에 추가하고 을 수행해야 할 모든 자바 스크립트를 제출 전에 포함 할 수 있습니다.

희망이 도움이됩니다.

UPDATE : 당신은 내가 같은 시간에 같은 클라이언트/웹 페이지에서이 서버 엔드 포인트에 게시 할 실현 질문을 수정 한 후

. 버튼을 클릭

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('#btnSubmit').click(function(){ 

     // set urls 
     var url1 = 'http://php.url.com', 
      url2 = 'http://jsp.url.com'; 

     // prepare data 
     var data = { 
      'field1' : 'val1', 
      'field2' : 2 
     } 

     // prepare callback (one callback for both requests) 
     var callback = function(data) { 
      console.log('request ended with data: ' + data); 
     } 

     // send post requests to both servers with the same data payload 
     $.post(url1, data, callback); 
     $.post(url2, data, callback); 
    }); 
}); 
</script> 

<input type="button" id="btnSubmit" value="Submit" /> 

을이 방법으로하십시오 <form>

를 사용하지

이

1. 다음과 같은 jQuery

을 포함한다 :이 경우

은 내가 당신을 제안 2 개의 비동기 게시물 요청을 보낼 것입니다. 하나는 각 서버 엔드 포인트에 있습니다. et.

희망이 도움이됩니다.

Answer 2

"javascript 파일"에 게시하지 마십시오. 자바 스크립트는 html로 호스팅되어야합니다. 따라서 html 파일에 js 파일을 포함시키고 함수를 호출해야하는지, 실제로 다른 서버에있는 다른 hmtl 파일에 게시를 의미하는지 여부는 알 수 없습니다.

구체적으로 대답하려면 2 개의 양식을 만들고 각 양식을 제출할 수 있습니다.

jquery를 사용하면 양식을 동적으로 만들고 제출할 수 있습니다. 게시물을 메소드로 사용하고 가져 오지 마십시오.

$('<form>', { 
    "id": "getInvoiceImage", 
    "html": '<input type="text" id="componentInvoicId" name="componentInvoicId" value="' + componentInvoiceId + '" />', 
    "action": window.siteRoot + 'ComponentInvoice/GetInvoiceImage/' 
}).appendTo(document.body).submit();