首页 > Web开发 > 详细

JSTL,JQuery,Ajax,Json

时间:2019-05-15 12:53:35      阅读:141      评论:0      收藏:0      [点我收藏+]
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:依赖最少,使用比较方便的工具

JSTL,JQuery,Ajax,Json

原文:https://www.cnblogs.com/thelovelybugfly/p/10868743.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!