AJAX

Posted 2021-01-23 yanghanwen

url：

　　@RequestMapping(method = RequestMethod.POST, value = "login")

　　1、url: "login",——前面会自动加上项目名，根据@Controller的@RequestMapping匹配

　　2、url:"/ssm/login",——前面有斜杠，就从根目录开始请求，所以要带上项目名

　　3、url: "http://localhost:8080/ssm/login",——绝对路径

一、前端向后端传数据

　　1、直接写数据

data: {
                    "a": 1,
                    "b": 2,
                    "c": 3
                  },

View Code

　　2、json数组

var users = ‘{"name":"yang","test":"111"}‘;

//ajax里面转换

data: JSON.parse(users),

View Code

　　3、input输入

//input框
name:<input name=id type = "text"></input>

//ajax中获取
data: {
                name:$("input[name=‘id‘]").val()
                  },

View Code

二、后端向前端传数据

　　1、前端请求text类型——直接返回string类型；

　　2、前端请求json——可以直接返回一个po

public User login(){
        User user = new User();
        user.setId("111");
        user.setAccount("111");
        user.setPassword("111");
        return user;
    }

View Code

public User login(){
        User user = new User();
        String[] s = {"1","2"};
        user.setId(s);
        user.setAccount("111");
        user.setPassword("111");
        return user;
    }

View Code

三、前端读取后端数据

　　1、json对象直接读取

　　　　json对象以“{”开始，“}”结束。每个“名称”后跟一个“:”；“‘名称/值’ 对”之间运用 “,”分隔。 名称用引号括起来；值如果是字符串则必须用引号，数值型则不须要。例如：

　　　　例如：

　　　　var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"}；

　　2、json数组直接读取

　　　　json数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间运用 “,”（逗号）分隔。

　　　　例如：

　　　　var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

//id是数组
success : function(data) {
                    console.log(data);
                    console.log(account);
                    console.log(data.id[0]); 
                },

View Code

　　3、JSON字符串转换为JSON对象

success : function(data) {
                    var jsonObj = eval(‘(‘ + data + ‘)‘);
                    console.log(jsonObj);
                    console.log(jsonObj.id);
                },

View Code

四、后端读取前端数据

　　1、根据id读取数据——Object id = request.getParameter("a");