Jquery 的类选择器
1.首先,要在自己的项目中导入 jquery 的包或者是 cdn 地址;
2.在 html 网页中,通过script 标签引用,注意,放在 body,如果自己的 js 代码依赖了 jquery,那么 jquery 的引用应该在自己的 js 代码引入的上边;
3.类选择器,在声明 html 的标签的时候,声明一个 class= xxx,作为类的名字。然后,在 js 中,调用 Jquery
var acc = $("#LoginAcc").val();
可以取 class 名字为 loginAcc 的值,
# 为类选择器,
4.Jquery 发送请求:1
2
3
4
5
6
$.get("/user/login", {
loginAcc: acc, logPass: pass
}, function (data){
console.log(data);
alert(data.message);
})
这里 $.get 就是发送 get 请求,url 部分,如果是完整的 url,由于 ip 和端口的问题,可能产生跨域问题,从而报错,如果项目的前端和后端在一起的话,可以直接 填写 url 的 mapping 部分(Requestmapping() 中的映射)就可以,这里,完整的 url 是
http://localhost:8080/user/login 直接填写 /user/login 就可以访问到对应的接口,同时也避免了跨域的问题;
4.1. 发送 post 请求
由于 post 的请求可以发送更多的参数,所以,配置也会复杂一些,一般 post 请求的参数都会以 json 形式放在 body 中,
1
2
3
4
5
6
7
8
9
10
11
12
var data1 =JSON.stringify({num:phoneNum,role:"",loginAcc:LoginName,loginPass:password});
$.ajax({
type: "POST",
url: "/user/register",
contentType:"application/json; charset=utf-8",
data: data1,
dataType: "json",
success: function (data){
console.log(data);
alert(data.message)
}
});
这里 $.ajax 可以填写详细的参数,type 是请求类型,url 是要请求的地址, contentType:是请求的会话类型,data 是要传的数据,注意,这里的数据,由于要传 json 格式,所以要把数据做一下处理,使用JSON.stringify 方法可以对数据进行处理,在处理后,可以作为 body 参数传入;success 是请求成功后的回调;