Question

我无法通过Ajax将此表单提交给PHP脚本，但无法找出原因。请帮忙。我计划在开发之后在手机间隙中使用它，并且在这种印象下这种ajax格式比xmlhttprequest方法更好 - 这是真的吗？

<html>
    <head>
        <title></title>
    </head>
    <body>
    <h1>Welcome</h1>
    <hr>
    <form id="idForm" name="idForm">
    <input type="text" size="8" id="date" name="date"><br>
    <input type="hidden" size="8" id="reversedate" name="reversedate"><br>
    <input type="hidden" size="1" id="dow" name="dow"><br>
    <input type="submit" id="submitbutton" name="submitbutton">
    </form>

    <br><br><br>
    <br>
    <br>
    <p id="p1">x</p>
    <br>
    <a href="logout.php">log out</a>

    <script>

            $('#submitbutton').click(function(){

                $("#idForm").submit(function() {

                   var url = "fetchsimple.php"; // the script where you handle the form input.

                  $.ajax({
                      type: "POST",
                      url: url,
                      data: $("#idForm").serialize(), // serializes the form's elements.
                      success: function(data)
                      {
                          alert(data); // show response from the php script.
                      }
                    });

                  return false; // avoid to execute the actual submit of the form.
                });

    </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/ui.js"></script>

    </body>
    </html>

ajax表格不提交

0 个答案: