JSTL，JQuery，Ajax，Json

JSTL 的定義 

1  JSP 標準標籤庫 （JavaServerPage Standard Tag Library）

2  JSTL 一般會與EL 表達式合做實現JSP頁面的編碼

 

JSTL 的環境搭建

一：  使用步驟

1 ， 在工程中引用JSTL 的兩個jar包 和標籤庫描述文件

2 ， 在JSP 頁面中添加taglib 指令

3 ， 使用JSTL標籤 

標準標籤庫介紹  

 JSTL 標準標籤庫內的標籤

通用標籤

一  語法 

1  Set 設置指定範圍內的變量值

 A 將value 值存儲在範圍爲Scope的變量var

B 將value值設置到對象的屬性中

 Out ： 計算表達式並將結果輸出顯示

1    不指定默認值

2  指定默認值

 一 ; 語法 

1 remove ： 刪除指定範圍內的變量

通用標籤的使用：

 

條件標籤： 

if： 用於替換jsp中全部的條件代碼

1  語法結構

迭代標籤

Foreach ： 用於替換JSP 中全部的循環代碼

1  語法結構。

2 示例代碼

JQuery:

一個簡潔、快速的前端JS框架，「Write less,do more」,js中經常使用的操做，進行簡化封裝 

js:

document.getElementById("idName");

 

JQuery:

元素選擇器

$("span")

 

id:

$("#idName")

 

class:

$(".className")

 

獲取元素值：

表單元素：

$("#idName").val();

普通元素：

$("#idName").html();

 

設置元素值：

表單元素：

$("#idName").val("值");

普通元素：

$("#idName").html("值");

 

追加：

$("#idName").append("值");

 

事件：

點擊事件：

$("#idName").click(function(){
})
$("document").ready(function(){   
})

 

頁面跳轉:

$("location").attr("href","");

window.location.href="";

頁面從新加載：

window.location.reload();

 

 

 

Ajax：是一種服務器的數據交換技術，實現頁面局部刷新，或數據異步提交

JQuery也對Ajax進行封裝

$.ajax({
    url:"",   -->發給誰
    type:"post",    -->請求方式
    dataType:"json",    -->期待服務響應的數據類型
    data:{        -->傳給服務器的數據，鍵值對形式
        key1:value1,
        key2:value2
    },
    success:function(data){
        
    }
});

JSON:

是一種簡潔的數據交換格式

就是有規則的字符串

對象:{},鍵值對

數據與數據間用逗號分隔

數組:[]

須要導入json 的jar 包

jackson:依賴最少，使用比較方便的工具