前端页面使用

基础

  • 跳转到controller 中时,其路径使用相对路径,路径开头前加“/”,使其相对于根路径开始
    1. 不添加“/”时,会相对于当前路径,导致无法跳转到对应的controller
  • 组件不可编辑时,使用readonly="readonly"属性,使用disable时会导致该组件无法被js编辑,form表单提交时值也不会传递
  • js 基础
    1. ==和===的区别,两个等号 先比较类型 类型想同再进行三等号比较,若类型不同,会尝试一次类型转换
    2. === 类型不同直接错误
    3. Boolean 值 0 false,非0(包括负值) true;空字符串 false ,其他 true;

jquery使用

基础

  • js执行顺序
  • 页面加载完后执行
    1. 简单方式$(function() {});
    2. 复杂方式:$(document).ready(function() { };
  • 获取元素(可以使用单引号和双引号)
    1. $(’#myId’) ID选择器: 可以获取到ID为“myId”的元素,区分大小写;
    2. $(’.myClass’) 类选择器:可以获取到class为‘myClass’的所有元素;
  • 元素对应的事件
    1. 在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。如click()等;
    2. 使用标签本身含有的事件,如onclick 等,其值中添加js 函数及参数;函数要提前写好
    3. 事件 ,在html 标签中一般为onXXX();在jq中,对应事件去掉on,为XXX()形式;
    4. 例子
//标签方式
<span onclick="categoryTree('children')"></span>
//js方式
$("p").click();
$("p").click(function(){
    // 动作触发后执行的代码!!
});
  • 获取元素的值
    1. 一般可以使用 input ,textarea 都可用:$(" #test ").val()
  • 遍历操作
    1. 使用$.each();方式进行遍历,传入,数据集合,和函数 function(k,v);
    2. 对于匿名函数 function(k,v) ,若为map结构,则k为集合key,v 为集合值;若为数组链表,则k为下标,v为具体值
    3. 代码
 var role = $("#user-role");
 $.each(d, function (k, v) {
        role.append(" v + ">" + v + "")
                        });
  • textArea

操作

Ajax 请求

  • 代码:
$("button").click(function(){
   $.ajax({
					url: "/blogController/saveBlog",
					type: "post",
					data: {
						content:$("#content").val(),
					},
					success: function(data) {
						var flag = data.flag;
					}
				});
				//over
});
  • 详细参数链接

下拉选择框动态设置元素

  • 标签,其中不设置标签;