Question

如果来自使用jquery的ajax页面（Ajax.php），

提交按钮（第二个按钮）不起作用。在某些浏览器中它运行良好。但是，在一些浏览器中不像某些移动浏览器那样工作。请帮我做。

      <!DOCTYPE html>       
            <html lang="ta">
            <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
            <script>
           $(document).ready(function(){
                $("#MyRegister").on('submit', function(){
              if ($("#Button").val()=="FirstButton") {
                  $.ajax({
                    url: "Ajax.php",
                      method: "GET"
                   })
                .done(function(response) {
                    $("#Opj").html(response);
               });
                return false;
                 }
                return true;
             });
            </script> 
          </head>
            <body>
            <form id="MyRegister" method="post" action="Target.php">    
            <input id="MyName" type="text">
            <div id="Opj">  <input type="submit" id="Button" value="FirstButton"></div>
            </form>
            </body>
            </html>

Ajax.php

<input type="submit" id="Button" value="SecondButton">

Answer 1

我认为您必须将新按钮绑定到表单，如here

中的答案

Answer 2

你的JS有几个语法错误，尝试修复它们再重试之前。如果你对缩进很简洁，你会很容易发现语法错误。

清理代码：

$(document).ready(function(){
  $("#MyRegister").on('submit', function(){
    if ($("#Button").val()=="FirstButton") {
      $.ajax({
        url: "Ajax.php",
        method: "GET"
      })
      .done(function(response) {
        $("#Opj").html(response);
      });
      return false;
    }
    return true;
});

使用jquery的Ajax时表单提交不起作用

2 个答案: