Javascript 提交表单而不提交页面_Javascript_Jquery

Javascript 提交表单而不提交页面

javascript jquery

Javascript 提交表单而不提交页面,javascript,jquery,Javascript,Jquery,这个问题不是重复的。你能让它工作并证明它是重复的吗如何在不提交页面的情况下提交以下表格下表中的操作具有RESTful POST方法 e、 g使用该API的风险：所以，我有这个静态页面。我需要在没有提交页面的情况下提交表单。你知道吗 <html> <head>  <scrip

这个问题不是重复的。你能让它工作并证明它是重复的吗

如何在不提交页面的情况下提交以下表格

下表中的操作具有RESTful POST方法

e、 g使用该API的风险：

所以，我有这个静态页面。我需要在没有提交页面的情况下提交表单。你知道吗

<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>


$（文档）.onload（函数（）{
$（“#提交表单按钮”）.onclick（function（）{submitForm（）；}）；
});
函数submitForm（）{
$.ajax({
类型：“POST”，
url:“https://apex.oracle.com/pls/apex/somefeto/hr/emp/",
数据：{ENAME:$\u POST['ENAME']}，
成功：函数（）{
警告（“表格已提交！”）；
},
数据类型：“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>


$（文档）.ready（函数（）{
$（“#提交表单按钮”）。单击（函数（）{submitForm（）；}）；
});
函数submitForm（）{
var x=$（“#ENAME”）.val（）；
$.ajax({
类型：“POST”，
url:“https://apex.oracle.com/pls/apex/somefeto/hr/emp/",
数据：{ENAME:x}，
成功：函数（）{
警告（“表格已提交！”）；
},
数据类型：“html”
});
};
雇员：

您可以使用AJAX

你需要一个可点击的元素

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

将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'

    });

 }

尝试此操作，将此脚本添加到

标记之间

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


window.onload=function（）{
document.forms[“0”].submit（）；
};

@MrCode感谢您的更正。此错误不起作用。谢谢。@user1116119虽然我们真的需要的不仅仅是“没有工作”，但我添加了您需要的所有代码。您是否检查了javascript控制台的错误？如果你有，就把它们贴出来。谢谢没有用。我将编辑我的问题以显示我使用的代码。对不起，我想你应该测试它。控制台中存在此错误。未捕获类型错误：未定义不是函数。我在JS方面相当弱，因为我是Oracle开发人员，而不是web。不起作用。Thank.set a target=表单上隐藏的iframe的名称

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