菜单

片刷新Ajax

2018年11月15日 - Ajax

其一景只是适用于手动拼接表格。。

  1.1.1  Ajax的由来:

页面加载时,checkbox会让渲染,so初始页面的checkbox是正常的

  如下注册界面

当我们自行添加checkbox,并且有的刷新的下,新的复选框不会见受渲染,所以显得是空

  图片 1

解决办法:

  
界面在注册之时光,需要用户输入的音信发出过多,假如我们将持有的数据都录入后,在点击会员注册按钮,然后用尽页面数据进行提交,此时一经该用户称曾经深受占用,那么我们不怕用用户更开展输入,这时候就会见促成极差的用户体验,此时应来一个不错的求:

1.急需加上一行代码(渲染后底checkbox代码)

<input type="checkbox" lay-skin="primary">
<div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon"></i></div>

  这,可以想像到,传统的servlet已经无力回天解决我们的需,需要一个新的艺来缓解者问题——-AJAX.

2.渲染一下:

  也就是说从此处,我们得以着力总结发生有

form = layui.form();
form.render('checkbox');

  1.2.1  ajax的核心特点:

推荐第二种

      1.  局部刷新,不用刷新整个页面,所以数据量小,
      2.    异步请求

以上这篇layui的checbox在Ajax局部刷新下的安装法就是稍稍编分享给大家的全部内容了,希望能够吃大家一个参照,也愿意大家多多支持脚本的拙。

      此时,再加上一些便是,自动发送请求,同样是利用HTTP协议进行数量传

您可能感兴趣之章:

 

  1.3.1 局缘何特别爱ajax?

    数据量小,请求与响应速度快,用户体验好

    钱。企业的通信资费,是仍流量计算,那么数据量越小,越省钱。

  

  AJAX的周转原理图:

  图片 2

   

  1.3.1  快速入门

    API文档:参W3CSCHOOL

    图片 3

    

    获取XMLHttpRequest对象(ajax核心对象,ajax引擎)

      代码演示:

       style=”font-size: 14px”><script type=“text/javascript” style=”font-size: 14px”>>

        //获取ajax核心对象的主意

        function getXHR() {

          var xmlhttp;

          if (window.XMLHttpRequest) {

            // code for IE7+, Firefox, Chrome, Opera,
Safari

            xmlhttp = new XMLHttpRequest();

          } else {

            // code for IE6, IE5

            xmlhttp =
new ActiveXObject(“Microsoft.XMLHTTP”);

          }

          return xmlhttp;

        }

        alert(getXHR());

      </script>

     通向服务器发送请求——使用open方法与send方法

       发送请求代码测试:

      //测试用ajax核心对象,发送请求

      function test1(){

        var xhr = getXHR();

        xhr.open(“get”,”/day18/ajax?username=张三”,true);

        xhr.send();

      }

      test1();

   

  抱响应

      //测试设置ajax等待服务器响应

      function test3(){

        //获取基本目标

        var xhr = getXHR();

        //设置等服务器响应

        xhr.onreadystatechange=function(){

        //4: 请求已好,且应已就绪,200: “OK”

        if (xhr.readyState==4 && xhr.status==200){

            var data=xhr.responseText;

            alert(data);

         }

        }

      //发送请求

      xhr.open(“get”,”/day18/ajax?username=张三”,true);

      xhr.send();

     }

      test3();

 

相关文章

标签:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图