無法使用 php 和 javascript 在同一頁面上顯示表單結果

Question

我試圖在同一頁面上顯示提交按鈕的結果。 我從這里嘗試了幾個代碼（特別是： Display result in the same page with PHP ）但它沒有用。

這就是我的 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>

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

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

非常感謝

Answer 1

可以嗎？

“返回錯誤；” 這樣它就不會 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