jQuery 常用技术点--入门，异步交互

时间：2014-01-20 22:45:40 收藏：0 阅读：453

首先将jquery文件引入

<script type="text/javascript" src="jquery.js"></script>

1、入口，页面加载时执行

$(document).ready(function() {
    // 加载时执行，初始化
});

2、以控件id获取控件

$("#id名")

3、控件绑定事件

$("#id名").bind("click",function(){

})

4、ajax，前天与后台异步交互，action和json实现

在你想执行的方法里加入下面，：

$.ajax({
			type:"post",
				url:"testAjaxJsonAction",//这里用的是action
			data:{//设置数据源
				name:$("input[name=name]").val(),
				password:$("input[name=age]").val()
			},
			dataType:"json",//设置需要返回的数据类型
			success:function(data){
				var d = eval("("+data+")");//将数据转换成json类型
				$("#name").text(""+d.name+"");
				$("#password ").text(""+d.password +"");
			},
			error:function(){
				alert("获取数据异常，请稍后重试！");
			}
			});

原文：http://blog.csdn.net/smile0198/article/details/18500745