前后端开发好久后,一直没怎么用前端开发了。最近任务比较急,又开始写jsp页面了。。。
1)jquery.validate.min.js 用法总结
https://www.cnblogs.com/xiaoqian1993/p/5822546.html 主要是自定义验证的使用
2). 获取选中的select选项的值
var chooseOption = $("#durationStrategy").find("option:selected").val();
$("#showStrategy").show(); //显示
$("#twoPrice").hide(); //隐藏
$("#passengerDiv").empty() //div空初始化
hiddenPassJson != undefined //不为空判断 防止修改时候出现undefine异常
var json = eval("(" + hiddenPassJson + ")"); //解析json
for(var i =0;i<json.length;i++){
var type = json[i];
console.log(type.属性); //显示json 属性
for(var k in type){
console.log(type.属性)
}
}
3)ajax请求
/**根据城市获取区域*/
function getRuleList(){
var cityId = $("#city").find("option:selected").val();
console.log("cityId:" + cityId);
if(!cityId){
alert("请选择城市");
}else{
var url ="${ctx}intercity/strategy/getLineByCityId.html?cityId="+cityId;
$.ajax({
type:"GET",
url:url,
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("获取失败");
},
success: function (data) {
data = $.parseJSON( data );
if (data.code==0){
$('#ruleId').empty();
$('#ruleId').append('<option value="" selected="selected">全部</option>');
$.each(data.ruleList,function(i,o){
$('#ruleId').append('<option name="ruleId" value="'+o.lineId+'">'+o.lineName+'</option>');
});
}else {
alert("抱歉,操作失败!!! "+data.msg);
}
}
});
}
}