先後端開發很久後,一直沒怎麼用前端開發了。最近任務比較急,又開始寫jsp頁面了。。。html
1)jquery.validate.min.js 用法總結前端
http://www.javashuo.com/article/p-fzibwwfa-e.html 主要是自定義驗證的使用jquery
2). 獲取選中的select選項的值ajax
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("抱歉,操做失敗!!! \r\n "+data.msg); } } }); }}