使用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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在按钮单击上设置隐藏变量的值,然后使用.submit()jquery struts提交表单

来自分类Dev

使用Jquery在按钮单击上显示模态

来自分类Dev

使用Jquery在按钮单击上隐藏/显示Div

来自分类Dev

在按钮上添加数字单击使用jQuery吗?

来自分类Dev

单击提交按钮时,无法使用jquery / AJAX提交表单

来自分类Dev

div在按钮上单击显示在jQuery中

来自分类Dev

在按钮单击jquery上隐藏/显示div

来自分类Dev

jQuery在按钮上单击不起作用

来自分类Dev

如何在按钮上单击使用TypeScript

来自分类Dev

使用智能表在按钮的单击事件上搜索数据

来自分类Dev

如何使用JavaScript在按钮单击上显示内容

来自分类Dev

如何使用React Hooks在按钮单击上获取数据

来自分类Dev

使用引导程序将输入集中在按钮单击上

来自分类Dev

在按钮上单击使用devexpress xtragrid导出到csv

来自分类Dev

使用javascript在按钮单击上添加文本框

来自分类Dev

如何使用AngularJS在按钮单击上显示(隐藏的)<td>?

来自分类Dev

使用AngularJS在按钮单击上重复代码

来自分类Dev

使用JQUERY在按钮单击上打开新选项卡

来自分类Dev

使用JQUERY在按钮单击上打开新选项卡

来自分类Dev

使用 jquery 在按钮单击时复制表或 div 内容

来自分类Dev

如何使用jquery或ajax单击提交表单

来自分类Dev

使用 VBA 在按钮单击时将动态表单添加到 Excel 中

来自分类Dev

我想在表单上使用 return 并想知道如何在按钮上使用 return 键

来自分类Dev

在按钮上使用Jquery调整SVG图像的大小

来自分类Dev

jQuery附加在按钮上单击显示文本然后消失

来自分类Dev

在按钮单击jquery上显示非唯一的div类

来自分类Dev

jQuery附加在按钮上单击显示文本然后消失

来自分类Dev

在按钮单击jquery上附加到垂直手风琴

来自分类Dev

jQuery Mobile在按钮单击事件上显示本机选择菜单

Related 相关文章

  1. 1

    在按钮单击上设置隐藏变量的值,然后使用.submit()jquery struts提交表单

  2. 2

    使用Jquery在按钮单击上显示模态

  3. 3

    使用Jquery在按钮单击上隐藏/显示Div

  4. 4

    在按钮上添加数字单击使用jQuery吗?

  5. 5

    单击提交按钮时,无法使用jquery / AJAX提交表单

  6. 6

    div在按钮上单击显示在jQuery中

  7. 7

    在按钮单击jquery上隐藏/显示div

  8. 8

    jQuery在按钮上单击不起作用

  9. 9

    如何在按钮上单击使用TypeScript

  10. 10

    使用智能表在按钮的单击事件上搜索数据

  11. 11

    如何使用JavaScript在按钮单击上显示内容

  12. 12

    如何使用React Hooks在按钮单击上获取数据

  13. 13

    使用引导程序将输入集中在按钮单击上

  14. 14

    在按钮上单击使用devexpress xtragrid导出到csv

  15. 15

    使用javascript在按钮单击上添加文本框

  16. 16

    如何使用AngularJS在按钮单击上显示(隐藏的)<td>?

  17. 17

    使用AngularJS在按钮单击上重复代码

  18. 18

    使用JQUERY在按钮单击上打开新选项卡

  19. 19

    使用JQUERY在按钮单击上打开新选项卡

  20. 20

    使用 jquery 在按钮单击时复制表或 div 内容

  21. 21

    如何使用jquery或ajax单击提交表单

  22. 22

    使用 VBA 在按钮单击时将动态表单添加到 Excel 中

  23. 23

    我想在表单上使用 return 并想知道如何在按钮上使用 return 键

  24. 24

    在按钮上使用Jquery调整SVG图像的大小

  25. 25

    jQuery附加在按钮上单击显示文本然后消失

  26. 26

    在按钮单击jquery上显示非唯一的div类

  27. 27

    jQuery附加在按钮上单击显示文本然后消失

  28. 28

    在按钮单击jquery上附加到垂直手风琴

  29. 29

    jQuery Mobile在按钮单击事件上显示本机选择菜单

热门标签

归档