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

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

  
 

  
1
 

ajax方式

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

  
 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

如果请求到的是json对象，不需要反序列化，可以直接操作

get方式

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

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

  
 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
 

示例

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

  
 

  
1
  
2
  
3
  
4
  
5
  
6
 

POST方式

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

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

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

参考：

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

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/82498076