确保引入jQuery可用

​​

<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() 方法​