ajax前台后台交互数据的实列

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunshinedark/article/details/82812840

三级联动:就是平时我们填写地址所需要填写的省市县的下拉框

但是不止是指三个下拉框绑定值就行

我们需要根据每一个级别去拿到他相对的数据(比如说根据湖南省去拿到长沙市)

然后这个值需要从数据库传过来  因为省市县的数据太过繁琐  所有我们需要把他简化

实现:ajax是用json来转换java的数据的 (大多数)

:我们首先来了解什么是Json

在我们使用json这个东西的时候 我们首先需要导入jar 不然无法使用

//1.json对象 

  var str={
                       bid:‘1’,
                       bname='xh'
                  }; 

 然后我们用java对象来实现这个对象

扫描二维码关注公众号,回复: 3658345 查看本文章

//2.json数组

var strs=[1,2,3];

//然后是json混合数组 就是类似map的键值对 

[{"sid":1,"sname":"小红"},{"sid":2,"sname":"小明"}]

这个就有类似我们的对象了 (如果用Json  我们就不需要创建类的实例了)

我们就用这种方法来进行java对象的转换  

我们在链接数据库的时候  需要写一个通用的查询

把查询到的集合放入map的键值对里面(map里面就有数据了)

就可以去进行数据库的查询操作了

但是如果我们要根据某个条件进行查询

我们要拿到map的键就非常复杂  需要繁琐的遍历集合操作

然后我们为了更加快捷的拿到键  需要写一个通用的拿到数据的方法

这个时候我们就需要把数据传给前台 展示出来

List<Map<String, Object>> selectAll = dao.SelectAll(req.getParameterMap(), null);

 ObjectMapper om=new ObjectMapper();

resp.setContentType("text/html;charset=utf-8");//格式

Writer w=resp.getWriter();//用这个去写

w.println("你需要传过去的对象");//om.writeValueAsString(selectAll)

w.close()//结束

//在前台如何接受  这个时候就可以用到ajax了

$(function(){

$.ajax({
          type: "提交方式get or post",
          url: "提交地址",
          dataType: "返回数据类型",
          data:{数据 name:date},
           success: function(msg){
    //返回处理的方法
           }
           

        });

})

//就可以了

猜你喜欢

转载自blog.csdn.net/sunshinedark/article/details/82812840