龙空技术网

ajax请求后的弹窗开发(常用1)

is芳小芳 261

前言:

目前咱们对“jqueryajax获取shtml”大约比较关心,小伙伴们都想要知道一些“jqueryajax获取shtml”的相关知识。那么小编同时在网摘上搜集了一些有关“jqueryajax获取shtml””的相关资讯,希望姐妹们能喜欢,大家快快来学习一下吧!

$promptConfirmBtn.off('click').on('click',function(){      var $self = $(this);  //控制多次请求接口      if($self.attr('data_lock')){        return false;      }      $self.attr('data_lock',1).addClass('disable');      $.ajax({        url : url,        type : 'post',        data : param,        dataType : 'json',        success : function(r){          //1)这里面常需要自定义弹窗的相关开发,比如:超过80是笑脸,低于60是哭泣等需求          if (r.code == 'error') {            //errorHtml方便有结构的写html代码            var errorHtml = [              '<form method="post" action="">',              '<input type="hidden" name="targetType" value="113">',              '</form>'            ];            errorHtml = errorHtml.join('');            //这里将弹窗内容放到了layer 中            var courserErrorIndex = layer.open({              type:1,              area: ['400px', '200px'],              title: 'title',              shade: 0.6,              content: errorHtml,              btn: ['返回'], //按钮              yes: function () {                //点击返回按钮执行的回调              },cancel: function(){                   //右上角关闭回调                window.location.href=                "/course/"+$('input[name="targetId"]').val();                }            	})            } //1)结束                         //2) 这个if 是常用自定义的弹窗开发           if (r.code == 'success') {            var sHtml = [              '<form method="post" action="">',              '<p>恭喜你,本次答题获得<b>'+r.data.score+'</b>分</p>',              '</form>'            ];            sHtml = sHtml.join('');             // $('#rongqi')是个容器,可以没有样式,只为了存到返回的弹窗样式            $('#rongqi').append(sHtml);           } //2) 结束           },        error : function(){         //layer.msg('网络错误了,请刷新重试~');        },        complete:function(){          $self.removeAttr('data_lock').removeClass('disable');         }      });    });

标签: #jqueryajax获取shtml