Ajax入门

---

简介

Ajax是一种用于创建快速动态网页的技术。

特点

1.通过在后台与服务器进行少量数据交换，A级安心可以使网页实现异步更新

2.传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面

好处

1.更新时只需要刷新局部，用户体验度好

2.由于只需要刷新局部的数据，对后台服务器的压力较小

Ajax语法总结及注意事项

url：请求的地址

url:"",

type：请求事数据的传递方式(常用的有get/post)

type:"post",

data:用来传递的数据(建议使用json来传递)

data:{ }

success:交互成功后要执行的方法

success:function(参数){}

dataType:ajax接收后台数据的类型(建议使用json)

dataType:"json"

指明Servlet给Ajax返回数据的数据格式

注意事项:ajax和后台交互时，后台是不能直接转跳到其他页面的。

ajax与后台交互时，后台必须有值返回到ajax中

用法举例

<script type="text/javascript">

//获取id

$("#login").click(function(){

//单击登录按钮的时候触发ajax事件

$.ajax({

url:"<%=basePath%>/LoginServlet",

type:"post",//传输方式

data:{

username:$("input[name=username]").val(),//input

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登录页面，同时在登录页面给用户一个友好的提示

//获取class

$(".tip").text("您输入的用户名或者密码不正确");

}

}

});

});

</script>