iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 19
0
Modern Web

ASP.NET MVC5架構說明與Q&A諮詢系統實作系列 第 19

[DAY 19] AJAX 語法、Demo

AJAX 語法

(舉一些較常用的參數)

$.ajax({
	type: 'GET/POST',
	url: url,
    cache: false,
	data: data,
	dataType: dataType,
	success: function(data) {...},
	error: function(msg) {...},
});
  • type:請求資料的方式,GET / POST(擇一,兩者差異看這邊
  • url:要進行呼叫的網址,默認為當前頁面
  • cache:是否從緩存區撈資料,默認為 true
  • data:要傳遞的資料,格式為 data: {key1: value1, key2: value2},
  • dataType:傳回資料的類型,有 xml, html, script, json, jsonp, text,若不指定 jQuery 會回傳它覺得我們需要的類型資料
  • success:AJAX 請求成功會執行的函式,格式為 success: function(...){...}
  • error:AJAX 請求失敗會執行的函式,格式為 success: function(...){...}

Demo

$.ajax({
  type: 'POST',
  url: 'goods.php',
  data: {name: 'shoes', class: 'woman'},
  success: function(msg) {
    alert('Data Saved: ' + msg);
  },
  error: function(msg) {
      alert('Failed: ' + msg);
  }
});

一個簡單將一個物品儲存到檔案裡的例子
用 POST 方法,將名稱:shoes、分類:woman 的資料儲存到 good.php 的檔案裡,
若成功後跳出提醒通知使用者儲存成功;若失敗跳出提醒通知使用者儲存失敗


上一篇
[DAY 18] 比較:AJAX - get / post 方法
下一篇
[DAY 20] 網頁表格模板 - Data Tables 上篇
系列文
ASP.NET MVC5架構說明與Q&A諮詢系統實作30

尚未有邦友留言

立即登入留言