Heim > php教程 > php手册 > 结合layer插件ajax弹出层

结合layer插件ajax弹出层

WBOY
Freigeben: 2016-06-07 11:39:25
Original
1248 Leute haben es durchsucht

layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。
IndexController.class.php代码public function index(){<br>         $this->user=M('User')->select();<br>         $this->display();    <br>     }<br> <br>     //添加栏目<br>     public function add(){<br>         $this->display();<br>     }<br>     //保存栏目数据<br>     public function areate(){<br>         if(M('User')->add($_POST)){<br>             $this -> success('添加成功!','index');<br>         } else {<br>             $this -> error('添加失败!');<br>         }<br>     }<br> <br>     public function edit(){<br>         $id = $_GET['id'];<br>         $this->user =M('User')->find($id);<br>         $this->display();   <br>     }<br>     public function updates(){<br>         $data['id']=$_POST['id'];<br>         $data['username']=$_POST['username'];<br>         $arr->data=M('User')->save($data);<br>         if($arr>0){<br>             $this -> success('修改成功!','index');<br>         }else{<br>             $this -> error('修改失败!');<br>         }<br>     }index.html代码nbsp;html><br> <br> <br>     <meta> <br>     <title>Document</title> <br>     <!-- 引入 jquery 和 layer 插件 --><br>      <script></script><br>      <script></script><br> <br> <br>         <a>添加</a><br>     <table> <br>     <volist><br>         <br>             <tr> <br>                 <td>{$vo.username}</td> <br>                 <td><a>$vo['id']))}">修 改</a></td> <br>             </tr> <br>         <br>     </volist><br>     </table> <br> <br> <br> add.html代码nbsp;html><br> <br> <br>     <meta> <br>     <title>Document</title> <br>      <!-- 引入 jquery 和 layer 插件 --><br>     <script></script><br>     <script></script><br>     <style><br /> .btn{<br /> width: 120px;<br /> height: 40px;<br /> background: #000;<br /> color: #fff;<br /> display: block;<br /> text-align: center;<br /> line-height: 40px;<br /> }<br /> </style> <br> <br> <br>     <form> <br>      <div> <br>          <label>用户名</label><br>          <div> <br>              <input><br>          </div> <br>      </div> <br>      <div> <br>          <div> <br>              <a>提 交</a><br>          </div> <br>      </div> <br>  </form> <br> <br> <script><br /> // ajax 提交表单<br /> $(document).ready(function(){<br /> $("#submit").click(function(){ // 提交按钮触发事件<br /> var tourl = $("#form").attr("action"); // 获取 表单的 提交地址<br /> // 序列化 表单数据 后提交 ,太简洁了<br /> $.post(tourl,$("form").serialize(),function(data){<br /> //直接返回首页<br /> /*layer.msg(data[&#039;info&#039;],5,data[&#039;status&#039;],function(){<br /> location.href = "{:U(&#039;Index/index&#039;)}"; //自动关闭后返回首页<br /> });*/<br /> //确定返回首页还是再次添加<br /> $.layer({<br /> shade: [0.5, &#039;#000&#039;], //弹出层背景颜色<br /> dialog: {<br /> msg: data[&#039;info&#039;], //读取后台返回信息<br /> btns: 2, //设置两个按钮 <br /> type: data[&#039;status&#039;], //通过返回的代码设置图标 1或0<br /> btn: [&#039;返回首页&#039;,&#039;再次添加&#039;],<br /> yes: function(){<br /> location.href = "{:U(&#039;Index/index&#039;)}"; //关闭后返回首页<br /> }, no: function(){<br /> location.reload(); //关闭后刷新页面<br /> }<br /> }<br /> }); <br /> });<br /> });<br /> });<br /> </script><br> <br> 结合layer插件ajax弹出层

附件 layer-v1.8.5.zip ( 67.01 KB 下载:179 次 )

AD:真正免费,域名+虚机+企业邮箱=0元

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage