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发送请求：

$.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中，

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