Ajax入门

Ajax:一种快速创建动态网页的技术

<script type="text/javascript">
function loadXMLDoc()
{
    .... AJAX 脚本执行 ...
}
</script>

ajax必须在script脚本中

代码实例

<script type="text/javascript">
	//单击id为login的按钮的时候触发ajax事件
	$("#login").click(function(){
	//固定语法 $.ajax({url:  , type:  , data:  , dataType:  ,})
		$.ajax({
			url:"<%=basePath%>/LoginServlet",
			type:"post",
			data:{
				username:$("input[name=username]").val(),
				password:$("input[name=password]").val()
			},
			dataType:"json",
			success:function(result){
				var flag = result.flag;
				if(flag==true){
					//如果登录成功则跳转到成功页面
					window.location.href="<%=basePath%>/pages/front/success.jsp";
				}else{
					//跳回到Index.jsp登录页面，同时在登录页面给用户一个友好的提示
					$(".tip").text("您输入的用户名或者密码不正确");
				}
			}
			
		});
	});
</script>