使用jquery ajax在按钮单击上的POST表单

赛义德·尼扎穆德（Syed Nizamudeen）

我正在尝试通过Ajax加载表单并提交表单，然后将响应写入“ #pagediv”。

这是我的工作代码

    $(function() {              
    $.ajax({
        url: "<?php echo $_SERVER['PHP_SELF']; ?>",
        type: "GET",
        data: { <?php echo $ajxparam; ?> },
        dataType: "html",
        cache: false
    }).done(function( msg ) {
        $("#pagediv").html(msg);
        $("#savebtn").click(function(event){ event.preventDefault(); $("#testform").submit(); });       
    }).fail(function() {
        $("#pagediv").html( "Request Failed. Please Try Again Later." );
    });
});

表单提交部分中的修改代码（请参阅下文）；它没有用，我有什么错过吗？

    $(function() {              
    $.ajax({
        url: "<?php echo $_SERVER['PHP_SELF']; ?>",
        type: "GET",
        data: { <?php echo $ajxparam; ?> },
        dataType: "html",
        cache: false
    }).done(function( msg ) {
        $("#pagediv").html(msg);
        $("#savebtn").click(function(event){
            event.preventDefault();
            $("#testform").submit(function(evt) {
              evt.preventDefault();
              var $form = $( this ),
                  url = $form.attr( 'action' );
              var posting = $.post( url, $(this).serialize() );
              posting.done(function( dte ) {
                $("#successdiv").html(dte);
              });
            });
        });
    }).fail(function() {
        $("#pagediv").html( "Request Failed. Please Try Again Later." );
    });
});

注意：-表单POST URL与ajax加载主页不同。

穆萨

在click事件处理程序中，您要添加一个Submit事件处理程序，而不是实际提交表单。由于您是通过按钮上的ajax上传数据的，因此只需在按钮click回调中调用ajax。

    $("#savebtn").click(function(event){
          event.preventDefault();
          var $form = $("#testform"),
              url = $form.attr( 'action' );
          var posting = $.post( url, $form.serialize() );
          posting.done(function( dte ) {
            $("#successdiv").html(dte);
          });
    });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。