Jquery中的ajax

$.ajax() 的使用

1.发送Ajax请求

	<button id="btn">发送请求</button>
	<script src="/js/jquery.min.js"></script>
	<script>
		var params = {name: 'wangwu', age: 300}
		$('#btn').on('click', function () {
			$.ajax({
				// 请求方式
				type: 'post',
				// 请求地址
				url: '/user',
				// 向服务器端发送的请求参数
				// name=zhangsan&age=100
				data: {
					 	name: 'lxz',
						age: 22
					 },
				data: JSON.stringify(params),
				// 指定参数的格式类型
				contentType: 'application/json',
				// 请求成功以后函数被调用
				success: function (res) {
					// res为服务器端返回的数据
					// 方法内部会自动将json字符串转换为json对象
					console.log(res);
				}
			})
		});
	</script>

2.发送Jsonp请求

	<button id="btn">发送请求</button>
	<script src="/js/jquery.min.js"></script>
	<script>

		function fn (response) {
			console.log(response)
		}

		$('#btn').on('click', function () {
			$.ajax({
				url: '/jsonp',
				// 向服务器端传递函数名字的参数名称
				jsonp: 'cb',
				// 当不想执行success函数时，执行全局作用域下的某个函数
				jsonpCallback: 'fn',
				// 代表现在要发送的是jsonp请求
				dataType: 'jsonp'/*,
				success: function (response) {
					console.log(response)
				}*/
			})
		});
	</script>

/****   后台  *****/
app.get('/jsonp', (req, res) => {
    const cb = req.query.cb
    const data = cb + "({name: 'zhaoliu'})"
    res.send(data);
});