Jquery-常用教程

Jquery-常用教程

一、动态绑定元素事件

---

适用场合：ajax从后端传来数据，需要在前端进行显示并操作

$("欲绑定元素的parent").on("click","#欲绑定元素",function(){
	事件
});

我们常用以下例子
$(document).on("click","#someButton",function(){
	alert("Ok! You are so good!");
});

$("#ID").click(function(){
	alert("Ok! You are so good!");
});

二、AJAX

---

适用场合：前后端交互

$.ajax({
	url:"/login_student",
	dataType:"json",
	type:"post",
	data:$("#loginForm").serialize(),
	async:true,
	success:function(data){
		alert(data);
	},
	error:function(data){
	
	}
});

AJAX的json数据的遍历

便于我们能够找到对应的数据

$.ajax({
	url:"/login_student",
	dataType:"json",
	type:"post",
	data:$("#loginForm").serialize(),
	async:true,
	success:function(data){
		$.echo(data,function(key,value){
			alert("key: " + key + "    " + "value: " +value);
		});
	},
	error:function(data){
	
	}
});