Question

我是这个网站的新手，我发现这是解释我的问题的资源。我在Jquery中写了下面的ajax代码。它使用onclick动作调用ajax代码，然后重定向到Display_Mobiles.php页面。

Jquery脚本：

$(document).ready(function(){
          var imgs = {
               input_action : function(config){
                   this.config=config;

                        $.ajax({
                            type:'GET',
                            url:'Display_Mobiles.php',
                            data: this.config.form2.serialize(),

                            success: function(data){
                                console.log(data.responseText);


                            }
                        });//end of ajax request

             }
          }             

         $('.Mobile_Category li button').on('click',function(e){               

                       imgs.input_action({form2:$('home_left #Mobile_Category')});   

            });
         });

HTML部分：

     <div class="home_left">
                <form action="Display_Mobiles.php" id="Mobile_Category" method="GET">

                       <div class="Mobile_Category"> 
                          <H2>Category</H2>                             
                          <li><button name="category" value="samsung">samsung </button></li>
                     </div>
            </form>
        </div>

上面的代码完美无缺，并且使用按钮作为表单元素正确地重定向了正确的参数但是当我将按钮标签更改为输入带有type = button的标签时，它不会重定向。它调用事件并调用函数input_action但不重定向到Display_Mobiles.php页面。代码的更改如下所示。

我在下面对上面的代码进行了更改

我已将按钮标记（上面加粗）更改为

event to（只是将事件更改为调用输入标记而不是按钮。

$('.Mobile_Category li input').on('click',function(e){           

   imgs.input_action({form2:$('home_left #Mobile_Category')});  
});

请纠正我，如果我做错了什么......先谢谢。

Answer 1

由于您将元素更改为其他元素，因此请更新您的选择器。更改此代码

$('.Mobile_Category li button')

到

$('.Mobile_Category input[type="button"]')

Ajax使用按钮标记成功重定向但不使用标记输入类型=按钮重定向？

1 个答案: