<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="js/jquery.js"></script>
<body>
<button id="btn">发送ajax的请求</button>
</body>
<script>
// 页面加载,绑定单击事件
$(function () {
$("#btn").click(function () {
alert("拿到数据了");
// ---------==============================无参=================发送ajax请求
// $.ajax({
// type:"GET",
// url:"http://localhost:9999/test/testGetUsers",
url:"http://localhost:9999/test/testGetUser",
// contentType:"application/json;charset=utf-8",
// dataType:"JSON",
// data:{
//
// },
//
// //data:JSON.stringify(str),
beforeSend: function (XMLHttpRequest) {
XMLHttpRequest.setRequestHeader("Authorization", access_token);
},
// success:function(res){
// console.log(res)
// }
// })
// ---------==============================有参=================发送ajax请求
// $.ajax({
// type:"GET",
url:"http://localhost:9999/test/testGetUsers",
// url:"http://localhost:9999/test/testGetUsersById",
url:"http://localhost:9999/test/testGetUser",
// contentType:"application/json;charset=utf-8",
// dataType:"JSON",
// data:{
// id:"1"
// },
//
// //data:JSON.stringify(str),
beforeSend: function (XMLHttpRequest) {
XMLHttpRequest.setRequestHeader("Authorization", "access_token");
},
// success:function(res){
// console.log(res)
// }
// })
//
//======================================================传对象
//JSON格式:
//1)键名称:用双引号 括起
//2)字符串:用使用双引号 括起
//3)数字,布尔类型不需要 使用双引号 括起
var str={"id":"1","name":"lmj"};
$.ajax({
type:"POST",
// url:"http://localhost:8766/main/currency/sginInState",
// url:"http://localhost:8082/yuanmeng/article/getHotNews",
//url:"http://localhost:9999/test/testGetUsers",
// url:"localhost:8080/article/getExamNews?tabsId="+1,
url:"http://localhost:9999/test/testGetUser",
contentType:"application/json;charset=utf-8",
dataType:"JSON",
// data:{
// id:"1",
// name:"lmj"
// },
data:JSON.stringify(str),
// beforeSend: function (XMLHttpRequest) {
// XMLHttpRequest.setRequestHeader("Authorization", access_token);
// },
success:function(res){
console.log(res)
}
})
//
});
});
</script>
</html>
ajax传无参有参对象到controller
最新推荐文章于 2023-06-13 13:38:27 发布