未提交頁面提交表格

-1

此問題不重複。你能得到它的工作，並證明它是重複的？未提交頁面提交表格

如何在不提交頁面的情況下提交以下表格。

下面的表單中的Action具有RESTful POST方法。

消耗的是API的e.g：

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>

經過兩個小時，我設法做到這一點：

<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

谷歌爲「阿賈克斯」xd – aleation

在窗體上設置一個target =隱藏的iframe的名稱 – dandavis

您可以使用AJAX。

您需要一個可點擊的元素。

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

現在JavaScript函數綁定到按鈕

$(document).onload(function() { 


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


});

把AJAX到一個函數

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雖然我們確實需要的不僅僅是「沒有工作」，但我添加了所有需要執行此操作的代碼。你有沒有檢查你的JavaScript控制檯的錯誤？發佈他們，如果你有任何。 –

試試這個，在加入這個腳本之間<head>標籤

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

來源

2014-04-25 15:56:53

沒有工作。謝謝。 – user1116119

未提交頁面提交表格

回答

相關問題