layui点击弹框页面实现表单请求的示例分析

这篇文章主要介绍了layui点击弹框页面实现表单请求的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

成都创新互联是一家专注于做网站、网站制作与策划设计,德令哈网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:德令哈等地区。德令哈做网站价格咨询:13518219792

如下所示：

$("#addSite").click(function () {
  layer.open({
    title: '添加站点',
    type: 1,
    area: ['700px', '400px'],
    content: '注意事项: 请填写相关的数据信息! ' +
    ' ' +
    '' +
    '' +
    '站点名称' +
    '' +
    '' +
    '

' + '' + 'ICP备案号' + '' + '' + '

' + '' + '' + '' + '联系电话' + '' + '' + '' + '' + '平台信息' + '' + '' + '' + '' + '' + '备注' + '' + '' + '' + '' + '', btnAlign: 'c', btn: ['确定', '取消'], yes: function (index, layero) { var str = $("input[name=isIndividual]").val(); if (str == "on") { str = "1"; } else { str = "0"; } if ($("input[name=siteName]").val() == null || $("input[name=siteName]").val() == "") { layer.msg('请输入站点名称', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=siteName]").focus(); }); return false; } else if ($("input[name=fileRecord]").val() == null || $("input[name=fileRecord]").val() == "") { layer.msg('请输入备案号', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=fileRecord]").focus(); }); return false; } else if ($("input[name=type]").val() == null || $("input[name=type]").val() == "") { layer.msg('请输入平台信息', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=type]").focus(); }); return false; } else if ($("input[name=sitePhone]").val() == null || $("input[name=sitePhone]").val() == "") { layer.msg('请输入联系电话', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=sitePhone]").focus(); }); return false; } var formData = { siteName: $("input[name=siteName]").val(), fileRecord: $("input[name=fileRecord]").val(), type: $("input[name=type]").val(), sitePhone: $("input[name=sitePhone]").val(), siteMark: $("textarea[name=siteMark]").val() }; console.log(formData); $.post('${pageContext.request.contextPath}/leaguer/addSite', formData, function (data) { //判断是否发送成功 if (data.code == 200) { layer.msg(data.message); layer.close(index); parent.document.getElementById('my_iframe').contentWindow.location.reload(true); } else { layer.msg("保存失败...", {type: 1}); } }) }, btn2: function (index, layero) { layer.msg("取消"); //return false 开启该代码可禁止点击该按钮关闭 }, cancel: function () { layer.msg("关闭窗口"); //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 }, success: function () { layui.use('form', function () { var form = layui.form; //只有执行了这一步，部分表单元素才会修饰成功 form.render('checkbox'); form.on('checkbox(istrue)', function (data) { /* if(data.elem.checked){ emailConfig['isenterprise']=1; }; //是否被选中，true或者false*/ }); }); } }); })

另类: tab刷新iframe页面

var iframes= parent.document.getElementsByTagName('iframe');
for(var i=0;i感谢你能够认真阅读完这篇文章，希望小编分享的“layui点击弹框页面实现表单请求的示例分析”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!            
            
                        

            标题名称：layui点击弹框页面实现表单请求的示例分析            

            地址分享：http://cdxtjz.cn/article/ieegho.html
        
    
    
        其他资讯
        
            
                    交通工具类java代码,java设计交通工具类
                

                    oracle怎么启用用户,oracle建立新用户
                

                    r语言go分析做条图,R语言GO分析
                

                    Python函数常见疑问,python中避免类型错误的函数
                

                    批量下载的java代码,java批量编译
                
        
    


  
    
      联系我们
      
        您好HELLO!

        感谢您来到成都网站建设公司，若您有合作意向，请您为我们留言或使用以下方式联系我们，

        我们将尽快给你回复，并为您提供真诚的设计服务，谢谢。
      
      
        电话：028- 86922220 18980695689
        商务合作邮箱：631063699@qq.com
        合作QQ： 532337155
        成都网站设计地址：成都市青羊区锣锅巷31号五金站写字楼6楼
      
    
    
      小谭建站工作室
      
        成都小谭网站建设公司拥有多年以上互联网从业经验的团队，始终保持务实的风格，以"帮助客户成功"为已任，专注于提供对客户有价值的服务。

        我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司；我们对营销、技术、管理都有自己独特见解，小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务！
      
      小谭观点
      
        相对传统的成都网站建设公司而言，小谭是互联网中的网站品牌策划，我们精于企业品牌与互联网相结合的整体战略服务。

        我们始终认为，网站必须注入企业基因，真正使网站成为企业vi的一部分，让整个网站品牌策划体系变的深入而持久。
      
    
  
  
     
         友情链接：
        彩乐斯   成都搬家公司   成都网站建设公司   移动服务器托管   达州托管服务器   品牌官网设计   橡塑保温管   wap手机网站   成都移动服务器托管   成都开元     
    
  
   © Copyright 2023 小谭建站工作室All Rights Reserved.  蜀ICP备2021004003号-2  成都网站建设 / 成都网站建设 / 响应式网站建设 / 定制网站建设  xml 网站地图