Question

目前我有这个代码要测试，因为ajax因为某些原因而无法调用它，任何人都可以检查出错了吗？

test.php的

<html>
<body>
 <form id="myform">
<input type="text" id="fname">
<input type="text" id="lname">
<input type="submit" id="data-send-button" value="Send Data">
</form>

<div id="responce-box"> </div>

 <script>
$(document).ready(function() {

    $("#myform").submit(function(e) {
        e.preventDefault();
        $.ajax({
            type : "POST",
            url : "submit.php",
            data : $("#myform").serialize(),
            beforeSend : function() {
                alert("indo");
            }

        });
        e.preventDefault();
    });

});
 </script>
  </body>
  </html>

submit.php

<?php
echo "test";

那只是为了测试。谢谢你们！

Answer 1

根据您的示例，我认为您没有包含jquery

试试这个：

<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<body>
 <form id="myform">
<input type="text" id="fname">
<input type="text" id="lname">
<input type="submit" id="data-send-button" value="Send Data">
</form>

<div id="responce-box"> </div>

 <script>
$(document).ready(function() {

    $("#myform").submit(function(e) {
        e.preventDefault();
        $.ajax({
            type : "POST",
            url : "submit.php",
            data : $("#myform").serialize(),
            beforeSend : function() {
                alert("indo");
            }

        });

    });

});
 </script>
  </body>
  </html>

Answer 2

您的代码工作正常，但如果使用jquery标记，则需要包含jquery库。所以添加这个库并检查它将运行的代码并经过测试

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <html>
    <body>
    <form id="myform">
        <input type="text" id="fname">
        <input type="text" id="lname">
        <input type="submit" id="data-send-button" value="Send Data">
    </form>

    <div id="responce-box"></div>
    <script>
        $(document).ready(function () {

            $("#myform").submit(function (e) {
                e.preventDefault();
                $.ajax({
                    type: "POST",
                    url: "submit.php",
                    data: $("#myform").serialize(),
                    beforeSend: function () {
                        alert("indo");
                    }

                });
                e.preventDefault();
            });

        });
    </script>
    </body>
    </html>

submit.php

<?php
echo "test";
?>

更多示例

https://jquery.com/

即使在这个简单的表单上，AJAX调用也无法工作

2 个答案: