layui 請求後臺 josn數據

layui 點擊請求json後臺數據

以input 開關切換爲例 所有表單元素切換同理 又不同方案請各位大佬指教

<form class="layui-form">
    <div class="layui-form-item">
      <label class="layui-form-label">開關開</label>
      <div class="layui-input-block">
        <input type="checkbox" lay-skin="switch">
      </div>
    </div>
    <div id="test">
      <div id="ttt"></div>
    </div>
  </form>
  <script src="layui-v2.5.5/layui/layui.js"></script>
  <script>
    layui.use(['form', 'table'], *function* () {
      *var* form = layui.form;
      // 可以直接引入jq
      *var* $ = layui.jquery;
      // 監聽事件
      form.on('switch()', *function* (*e*) {
       // 獲取當前點擊標籤屬性
        console.log(e)
        console.log(e.elem)
        var state = e.elem.checked;
        // 判斷input的狀態
        if (state == true){          $.getJSON('https://cnodejs.org/api/v1/topic/5433d5e4e737cbe96dcef312', function(data) {      
             $.each(data,*function*(){
                *console*.log(data)
                // 模板字符串渲染
                *var* Str2 = `     
                        <ul>
                           <li>${data.data.title}</li>
                           <li>${data.data.content}</li>
                       </ul>
                  `;
                $("#test").html(Str2);
           })
          });

        }else{

           $("#test").empty()

        }

      });

    })