ajax通用选择器为,jquery 的类选择器和ajax

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 是请求成功后的回调;