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

首先将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("获取数据异常,请稍后重试!");
			}
			});



郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。