Question

我有一个JQUERY函数，用于将页面加载到现有的div中：

function OpenPage(pagename) {
    var page = pagename
    $('.tabcontent').load('/wp_pages/my_integra/pages/' + page);
}

<div class="tabcontent"></div>

我的链接如下：<li><a href="#" onClick="OpenPage('home.php');">Home</a></li>

这很好用，但我现在希望发布一个HTML表单并在此DIV中显示操作页面而不是转到新页面

更新

我有这个功能：

function SubmitForm(form, postaction) {
    $(form).submit(function(event){
        var data = $(this).serialize();
        $.post(postaction, data)
        .success(function(result){
            //console.log(result);
            $('.tabcontent').html(result);
        })
        .error(function(){
            $('.tabcontent').html('Error Loading Page');
            console.log('Error loading page');
        })
        return false;
    });
}

工作正常，我怎样才能在PHP中使用

if(isset($_POST["buttonName"])) {
    ...run query
}

我已经尝试过，使用按钮名称，但它不起作用

Answer 1

尝试这样的事情。当然，请替换url:和load page。

var myform = $('#myform');
myform.submit(function(e){
e.preventDefault();

$.ajax({
  type: "POST",
  url: "/url/of/post/function",
  data: myform.serialize();
})
  .done(function( response ) {
    $('.tabcontent').load('/page/to/load/in/tab');
  });

});

发布HTML表单时Jquery .load

1 个答案: