zoukankan      html  css  js  c++  java
  • AJAX

    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");

  • 相关阅读:
    Android-----图片处理工具
    Android-----使用zxing实现二维码扫描
    Android-----调用系统相机拍照并把照片展示在图库中
    Android-----使用SoapObject获取服务器数据
    Android-----实现给图片添加字体
    Android-----WebView加载HTML界面布局并进行数据交互
    Android-----File(文件各种操作)
    Android-----创建SQLite数据库
    Android-----spinner组件使用(实现下单)
    SpringBoot学习日记1:HelloWorld
  • 原文地址:https://www.cnblogs.com/yanghanwen/p/10031788.html
Copyright © 2011-2022 走看看