天天看點

Javascript:jQuery的ajax請求get請求模闆ajax方式get方式POST方式

確定引入 jQuery 可用 https://code.jquery.com/jquery-3.3.1.min.js

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>      

ajax方式

$.ajax({
    type: "GET",
    url: "/json",
    dataType: "json",
    success: function (data) {
        // do something;
    }
});
      

如果請求到的是json對象,不需要反序列化,可以直接操作

get方式

$.get(url,data,success(response,status,xhr),dataType)

// 等價于
$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});      

示例

$.get(
    "test.cgi", 
    { name: "John", time: "2pm" },
    function(data){
    alert("Data Loaded: " + data);
  });      

POST方式

$.post(url,data,success(data, textStatus, jqXHR),dataType)

// 等價于
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});
      

參考:

  1. $.ajax()方法詳解
  2. jQuery ajax - get() 方法

繼續閱讀