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){
//返回處理的方法
}
});
})
//就可以了