json 数据的前端后台简单交互

一、前期准备

前端：adjx传递数据，使用jQuery。

后台：引入json jar包。（避免引用类型使用带来的字符串拼接问题）

二、前端发送请求

       var data = {
               "username":"admin",
               "password":"123456"
               };
             $.ajax({
                        url:"http://localhost:8080//ZYweb/Login",    //请求的url地址
                        dataType:"json",   //返回格式为json
                        async:true,   //请求是否异步，默认为异步，这也是ajax重要特性
                        data:data,    //参数值
                        type:"POST",  //请求方式
                        beforeSend:function(){
                            //请求前的处理
                        },
                        success:function(req){
                            //请求成功时处理 后端返回数据
                    document.getElementById("input_1").value = req.username;
                    document.getElementById("input_2").value = req.password;
                        },
                        complete:function(){
                            //请求完成的处理
                        },
                        error:function(){
                            //请求出错处理
                       alert("请求出错");
                        }
                    });