注意事项：在使用Jquery之前一定要先引入相关库。
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
使用Jquery发送GET请求
$('button').eq(0).click(function() { $.get('http://localhost:8000/jquery-server',{a:20,b:30},function(data) { console.log(data); },'json') });
使用Jquery发送POST请求
$('button').eq(1).click(function() { $.post('http://localhost:8000/jquery-server',{a:20,b:30},function(data) { console.log(data); }) });
使用Jquery进行通用型方法请求
// 通用型方法 $('button').eq(2).click(function () { $.ajax({ url: 'http://localhost:8000/jquery-server', data: { a: 20, b: 100 }, dataType: 'json', type: 'GET', success: function (data) { console.log(data); }, // 超时时间 timeout: 4000, error: function () { console.log("网络超时"); }, headers: { a: 666, b: 777 } }) })
- 上面的很多属性都是可以进行自定义的。
- 在设置headers的时候，服务端必须有下面这段代码
response.setHeader('Access-Control-Allow-Headers', '*');
