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:依赖最少，使用比较方便的工具