layui 提供四種數據請求方式:$.ajax() ajax 方式fetch api 方式layui 內置 ajax 方式layui 內置請求方式,用于監聽提交事件
Layui中請求數據的幾種方式
Layui提供了幾種方式來請求數據,包括:
1. Ajax方式
<code class="javascript">$.ajax({ url: "請求的地址", type: "請求類型", data: "請求參數", success: function(result) { // 處理成功的回調 }, error: function(error) { // 處理失敗的回調 } });</code>
登錄后復制
2. Fetch API方式
<code class="javascript">fetch("請求的地址") .then(function(response) { return response.json(); }) .then(function(data) { // 處理成功的回調 }) .catch(function(error) { // 處理失敗的回調 });</code>
登錄后復制
3. Layui內置的Ajax方式
<code class="javascript">layui.use('jquery', function(){ $.ajax({ url: "請求的地址", type: "請求類型", data: "請求參數", dataType: "JSON", success: function(result) { // 處理成功的回調 }, error: function(error) { // 處理失敗的回調 } }); });</code>
登錄后復制
4. Layui內置的請求方式
<code class="javascript">layui.use(['layer', 'form'], function(){ var layer = layui.layer, form = layui.form; // 監聽提交 form.on('submit(submit)', function(data){ // 提交數據 $.ajax({ url: "請求的地址", type: "請求類型", data: data.field, dataType: "JSON", success: function(result) { // 處理成功的回調 }, error: function(error) { // 處理失敗的回調 } }); return false; }); });</code>
登錄后復制