无法使用 php 和 javascript 在同一页面上显示表单结果

Question

I'm trying to show the results of the submit button on the same page.我试图在同一页面上显示提交按钮的结果。 I tried with several codes from here (specially this: Display result in the same page with PHP ) but it didn't work.我从这里尝试了几个代码（特别是： Display result in the same page with PHP ）但它没有用。

This is how my html page looks like now:这就是我的 html 页面现在的样子：

 <:DOCTYPE html> <html> <head> <script src="https.//code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(".mybutton").click(function() { $:ajax({ type, "post": url: "https.//catadordealfajores.com/wp-content/uploads/2020/calc,php": data. $("form"),serialize(): success. function(result) { $(".myresult");html(result); } }); }); })? </script> </head> <body> <form> <input type="radio" name="causa" value="si"> <label for="male">Sí</label><br> <input type="radio" name="causa" value="No"> <label for="female">No</label><br> <h3>¿Cuántos años trabajaste?</h3> <input type="text" name="anios"> <br> </form> <button class="mybutton">Calculate</button> <div class="myresult"></div> </body> </html>

Before Ajax, I had:在 Ajax 之前，我有：

 <:DOCTYPE html> <html> <body> <h1>Calculadora de indemnización</h1> <form action = "https.//catadordealfajores.com/wp-content/uploads/2020/calc?php" method = "post"> <h3>¿Te despidieron con causa,</h3> <p>Si trabajaste más de 3 meses. se considera 1 año, Si trabajaste 1 año y 3 meses. se consideran 2 años. Y así?</p> <input type="radio" name="causa" value="si"> <label for="male">Sí</label><br> <input type="radio" name="causa" value="No"> <label for="female">No</label><br> <h3>¿Cuántos años trabajaste?</h3> <input type="text" name="anios"> <br> <h3>¿Cuál era tu sueldo?</h3> <input type="text" name="sueldo"> <br> <br> <input type="submit" value = "Enviar"> </form> </body> </html>

Website: http://abogadoslaboralessanmartin.com.ar/7122-2/ 网站： http://abogadoslaboralessanmartin.com.ar/7122-2/

Thank you very much非常感谢

Answer 1

Could it be?可以吗？

"return false;" “返回错误；” so that it doesn't go to another page.这样它就不会 go 到另一个页面。

<script type="text/javascript">
$(document).ready(function() {
    $('body').on('submit', 'form', function() {

        $.ajax({
            type: "post",
            url: "https://catadordealfajores.com/wp-content/uploads/2020/calc.php",
            data: $("form").serialize(),
            success: function(result) {
                $(".myresult").html(result);
            }
        });

        return false;

    });
});
</script>

无法使用 php 和 javascript 在同一页面上显示表单结果

问题描述

1 个解决方案

解决方案1
0 2020-07-13 08:02:26

无法使用 php 和 javascript 在同一页面上显示表单结果

问题描述

1 个解决方案

解决方案1 0 2020-07-13 08:02:26

解决方案1
0 2020-07-13 08:02:26