jquery的layer打开iframe,通过ajax提交iframe表单

2023-11-01


$("#addOption").click(function (thisId) {
    var index1= layer.open({
        type: 2,
        area: ['850px', '450px'],
        maxmin: true,
        title : "添加项",
        btn:['确定','取消'],
        content: ['Input.html?id='+thisId, 'yes'],
     
btn1: function (index,layero) {
      var iframes = $(layero).find("iframe")[0].contentWindow;
    // 方式1获取html元素的两种方式
       //var $parent = $(iframes.document);
       // var form =  $parent.find("#reportOptionForm")[0];
          //方式2
           var form = iframes.document.getElementById("reportOptionForm");
        //保存成功后重新加载
                $.ajax({
                    type: "post",
                    url: "/aaa/options!save.action",
                    data: $(form).serialize(),//序列化前需要把html元素转成jquery元素,再用jquery元素的序列化方法提交。。$(dom元素)。。给钱就可以
                    success: function (result) {
                        var data = $.parseJSON(result);
                        if (data.msg == 'success') {
                            reloadPage(data.data);
                        }
                        layer.close(index1);
                    }
                });

        }, btn2: function (index, layero) {
            var iframes = $(layero).find("iframe")[0].contentWindow;

        }, success: function (layero) {
        }, cancel: function (index1, layero) {
            layer.close(index1);
        }
    });
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery的layer打开iframe,通过ajax提交iframe表单 的相关文章

随机推荐