Question

我有这个jQuery代码：

$(document).ready(function() {
    $.ajax({
          url: "pages/"+page+".php",
          cache: false
    }).done(function( html ) {
        $('#main').html(html).css({"max-height":mH-30,"height":mH-30}).jScrollPane();

        $('form').not('#loginf').submit(function(event) {
            event.preventDefault();
            var inputs = $(this).serialize();   
            $.ajax({
              url: "pages/"+page+".php?"+inputs+'&action='+param,
              cache: false
            }).done(function( html ) {
                update(html);
                rs();
            }).fail(function (){
                window.location = "/CMS/";
        });
    });
});

因此表单上的提交功能不起作用..

有趣的是，当点击一些li元素时，我在页面上还有另一个ajax，在那里我也有表单提交功能，并且它在那里工作。

此代码有问题吗？

Answer 1

试试这个。

$(document).ready(function() {
    $.ajax({
          url: "pages/"+page+".php",
          cache: false
    }).done(function( html ) {
        $('#main').html(html).css({"max-height":mH-30,"height":mH-30}).jScrollPane();

        $('form').not('#loginf').submit(function(event) {
            event.preventDefault();
            var inputs = $(this).serialize();   
            $.ajax({
              url: "pages/"+page+".php?"+inputs+'&action='+param,
              cache: false
            }).done(function( html1 ) {
                update(html1);
                rs();
            }).fail(function (){
                window.location = "/CMS/";
        });
    }); });

Answer 2

没关系，我通过查看这个问题答案解决了这个问题：

problems with ajax request in page with form. jquery

正如他们在function(event)那里所说的那样，所以我把它改为function(e)，为什么第一个不起作用。

jquery表单提交操作对document.ready不起作用

2 个答案: