前端总结（一）

工作许久，记录一点笔记，方面日后查阅。

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();