1. 程式人生 > >ajax前臺後臺互動資料的實列

ajax前臺後臺互動資料的實列

三級聯動:就是平時我們填寫地址所需要填寫的省市縣的下拉框

但是不止是指三個下拉框繫結值就行

我們需要根據每一個級別去拿到他相對的資料(比如說根據湖南省去拿到長沙市)

然後這個值需要從資料庫傳過來  因為省市縣的資料太過繁瑣  所有我們需要把他簡化

實現:ajax是用json來轉換java的資料的 (大多數)

:我們首先來了解什麼是Json

在我們使用json這個東西的時候 我們首先需要匯入jar 不然無法使用

//1.json物件 

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

 然後我們用java物件來實現這個物件

//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){
    //返回處理的方法
           }
           

        });

})

//就可以了