????? ? ??? ????? ??layui? ???? ???? ??? ?? ??? ????. $.ajax ??: ??? HTTP ??? ??????. ??? ?? ?? ??: ??? ?? ??? ?? ? ????. ?? ??: ?? ?? ? ??? ??? ??? ?????. ??? ??: ?? ???? ?? ?????.

layui? ???? ????? ? ??? ?? ?? ??

layui? ????? ?? ??? ????? ??? ???? ?? ?? ??? ?? ????????. ?? ??? ?? ??? ????:

1. $.ajax

layui? ???? ??? HTTP ??? ??? ??? $.ajax ???? ?????. ?? jQuery? $.ajax ???? ????? ?? ??? API? ?????:

layui.use(['jquery'], function($){
  $.ajax({
    url: '/api/get_data',
    success: function(data) {
      console.log(data);
    }
  });
});

2. ??? ?? ?? ??

layui? ?? ??? ?? ?? ??? ?? ??? ?? ? ????:

layui.use(['request'], function(request){
  request.post('/api/save_data', {name: 'layui'})
    .then(function(data){
      console.log(data);
    });
});

3. layui? ?? ?? ? ??? ??? ??? ?? ??? ? ?? ?? ???? ?????:

<form id="myForm">
  <label>姓名：</label>
  <input name="name">
</form>

<script>
layui.use(['form', 'jquery'], function($, form){
  form.on('submit(submitForm)', function(data){
    $.post('/api/save_user', data.field, function(data){
      console.log(data);
    });
  });
});
</script>

4. ??? ??? ??

layui? ??? ?? ???? ? ?? ??? ???? ?????:

<div class="layui-upload">
  <button type="button" class="layui-btn" id="uploadBtn">上傳圖片</button>
  <input type="file" name="file" accept="image/*" multiple hidden>
</div>

<script>
layui.use(['upload'], function(upload){
  upload.render({
    elem: '#uploadBtn',
    url: '/api/upload_image',
    done: function(res){
      console.log(res);
    }
  });
});
</script>

? ??? Layui?? ????? ? ??? ?? ??? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!