페이지를 제출하지 않고 양식 제출

-1

이 질문은 중복되지 않습니다. 당신은 그것을 작동 시켜서 그것이 중복된다는 것을 증명할 수 있습니까 ???페이지를 제출하지 않고 양식 제출

어떻게 페이지를 제출하지 않고 아래 양식을 제출할 수 있습니까?

아래 양식의 조치에는 RESTful POST 방법이 있습니다. 이 API를 소비

예컨대 :

http://s22.postimg.org/79wp8rbv5/Capture.png

그래서,이 정적 페이지가 있습니다. 페이지 제출없이 양식을 제출해야합니다. 그것에 대해 어떤 생각?

<html> 
<head> 
<!-- jQuery v1.11.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license --> 

<script src="jquery.js"></script> 
<script> 

$(document).onload(function() { 

    $("#submit-form-button").onclick(function() { submitForm(); }); 

}); 

function submitForm() { 
    $.ajax({ 
     type: "POST", 
     url: "https://apex.oracle.com/pls/apex/somefeto/hr/emp/", 
     data: { ENAME: $_POST['ENAME']}, 
     success: function() { 
     alert("FORM SUBMITTED!"); 
     }, 
     dataType: 'html' 
    }); 
}; 

</script> 
</head> 
<body> 
<form action= "https://apex.oracle.com/pls/apex/somefeto/hr/emp/" method="POST"> 
    Employee: <input type="text" name="ENAME"> 
    <a href="#" id="submit-form-button">SUBMIT</a> 
</form> 

</body> 
</html>

두 시간 후, 나는 그것을 할 관리 : 당신은 AJAX를 사용할 수 있습니다

<html> 
<head> 
<!-- jQuery v1.11.0 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license --> 

<script src="jquery.js"></script> 
<script> 
$(document).ready(function() { 
    $("#submit-form-button").click(function() { submitForm(); }); 
}); 
function submitForm() { 
var x = $("#ENAME").val(); 
    $.ajax({ 
     type: "POST", 
     url: "https://apex.oracle.com/pls/apex/somefeto/hr/emp/", 
     data: { ENAME: x }, 
     success: function() { 
     alert("FORM SUBMITTED!"); 
     }, 
     dataType: 'html' 
    }); 
}; 
</script> 
</head> 
<body> 
    <form action= "https://apex.oracle.com/pls/apex/somefeto/hr/emp/" method="POST"> 
     Employee: <input id="ENAME" type="text" name="ENAME"> 
     <a href="#" id="submit-form-button">SUBMIT</a> 
    </form> 

</body>  
</html>

출처

2014-04-25 user1116119

google for "ajax"xd – aleation

target = 대상에 숨겨진 iframe의 이름을 설정하십시오. – dandavis

클릭 가능한 요소가 필요합니다.

<a href="#" id="submit-form-button">SUBMIT</a>

지금,

function submitForm() { 

    $.ajax({ 

     type: "POST", 
     url: "post_to.php", 
     data: { name: $_POST['name'], addy: $_POST['addy'], email: $_POST['email'] }, 
     success: function() { 

     alert("FORM SUBMITTED!"); 

     }, 
     dataType: 'html' 

    }); 

}

출처

2014-04-25 15:48:49

@MrCode이 수정 해 주셔서 감사합니다. –

이 작동하지 않았습니다. 감사. – user1116119

@ user1116119 우리는 정말로 "작동하지 않았다"이상의 것을 필요로하지만, 이것을 수행하는 데 필요한 모든 코드를 추가했습니다. 자바 스크립트 콘솔에서 오류를 확인 했습니까? 가지고 있다면 게시하십시오. –

이 시도하는 기능으로 아약스를 넣고 버튼

$(document).onload(function() { 


    $("#submit-form-button").onclick(function() { submitForm(); }); 


});

에 자바 스크립트 함수를 바인딩이 스크립트를 추가

<script type="text/javascript">  
     window.onload=function(){ 
      document.forms["0"].submit(); 
     }; 
    </script>

태그 <head> 사이

출처

2014-04-25 15:56:53

작동하지 않았습니다. 감사. – user1116119

페이지를 제출하지 않고 양식 제출

답변

관련 문제