前端總結（一）

工作許久，記錄一點筆記，方面日後查閱。

javascript

1.拼接字符串-利用數組

var html = [];
html.push("<br/>");
html.join("");

2.ajax基本參數

$.ajax({
	cache: false,
	dataType: "json",
	url: webRoot+"...../x.action",
	data:{"pageNo":pageNo,"pageSize":pageSize,"channelType":channelType},
	type:"POST",
	beforeSend: function(){
		//xxxx.("加載信息中...");
	},
	error : function(json){
		//xxxxx.("加載信息出錯了~");
	},
	success : function(data){
		drawTable(data.pageResult);
		$("#pagination").pagination('updateItems', data.pageResult.pageTotal);
	}
});

3.select下拉框常用方式

//取值
$("#sltResponseType1").find("option:selected").val()

//循環添加選項
$.each(data.xxxList,function(i,m){
	$("#xxxSlt"+index).append('<option value="'+m.id+'">'+m.title+'</option>');
});
//
$("#xxxSlt"+index).prepend("<option value="-99">無選項數據</option>");

4.radio多選框常用方式

var radioVal = $('input[type="radio"][name="hasUsed"]:checked').val();

5.樣式控制


6.事件綁定

//事件
$("#webpageText"+index).blur(function(){
	if(this.value=='') {
		this.value=DEF_WEBPAGETEXT;
		this.style.color="#999";
	}
});
$("#webpageText"+index).focus(function(){
	if(this.value==DEF_WEBPAGETEXT){
		this.value='';
	}
	this.style.color="#000";
});

其他比較複雜的取值

var keywordsId = $("#dlMenuId").children(".slted").children("[name='hid_keywordsId']").val();