Ajax提交回写 form提交

最新推荐文章于 2021-08-05 14:45:00 发布

原创最新推荐文章于 2021-08-05 14:45:00 发布 · 494 阅读

0 ·

CC 4.0 BY-SA版权

前台技术专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何使用jQuery的$.ajax方法进行Ajax回写，以及如何在表单提交时非直接通过form元素传递数据，并展示了如何通过序列化表单来实现数据的Ajax提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.ajax回写

$.ajax({
       type:'post',
       url:'getModelByIdSiteRule',
       data:'addUpdateRule.id='+id,
       dataType:'json',
       async: false ,
       success: function(msg){
//          cleanAdd();
          for (var key in msg.siterule){
   //          alert(key);
              $("#"+key).val(msg.siterule[key]);
          }
       }
   });

2.form提交非form内需传递数据

           $("#ruleForm input[type=text]").clone(true).appendTo("#coneSearch");
           $("#ruleForm input[type=hidden]").clone(true).appendTo("#coneSearch");
           $("#ruleForm select").clone(true).appendTo("#coneSearch");

3.ajax提交表单传递参数

$.ajax({
                url : 'saveOrUpdateReport',
                data : $("#tableForm *").serialize(),
                dataType:'json',
                success : function(data) {
                    if(data.success){
                        parent.returnResult();
                        message.show({ msg : "编辑成功",title : '消息',showType:'slide'});
                    }else{
                            $.messager.alert('编辑失败');
                        }
                    }
            });
        }