AJAX 筆記 - 我在ALPHACamp 第28天

AJAX (Asynchronous JavaScript and XML) 是一種格式 類似 html, 主要是架構跟內容

主要功能為將網頁上的值,傳到sever 做確認, 從背景執行, 所以不用換頁

API 應用程式介面（Application Programming Interface) ：「『電腦作業系統（Operating system）』或『程式函式庫』提供給應用程式呼叫使用的程式碼」。其主要目的是讓應用程式開發人員得以呼叫一組常式功能，而無須考慮其底層的原始碼為何、或理解其內部工作機制的細節。

API 會有 CRUD 的功能 : 

facebook.me/post/get ,

facebook.me/post/new ,

facebook.me/post/update,

facebook.me/post/delete

請求有兩種： GET / POST

如果使用GET 會在網址後方顯示參數 <= 較不安全

POST 就不會顯示 <= 比較安全

RESTful API 正如同之前學到的有四種功能：

GET

POST

PUT

DELETE

AJAX 有三種形式 $.ajax / $.post / $.get

範例：

$.ajax({

  url: 'https://api.instagram.com/v1/media/popular',

  type: 'GET',

  dataType: 'jsonp',

  data: {

        client_id: '', 

    },

  success: function(data, textStatus, xhr) {

    $.each(data.data, function(index, photo){

      var li = $('<li>');

      li.append('<img src="'+photo.images.standard_resolution.url+'">');

      $('#photos').append(li);

    });

  },

傳輸的資料格式 ： HTML , JSON, JSONP

JSON: 類似一個物件, 看起來有點像是Arrary,

JSONP: JSON with Padding 因為 Cross domain issue , 不同的網頁不能互聯

主要符合三種規範： 同 domain , 同 HTTP , 同port

當達到三種要求的時候, 可以招喚神龍

所以用這方法來限制別人可以抓取自己網站的資料