Java-ajax的一种使用方式
ajax:AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新
AJAX:Asynchronous JavaScript and XML,异步 javascript和 XML,带来用户体验改变,是web优化一种主要手段
AJAX = DHTML (HTML、CSS、JavaScript ) + XMLHttpRequest 对象
传统web交互模型,浏览器直接将请求发送给服务器,服务器回送响应,直接发给浏览器, Ajax交互模型,浏览器首先将请求 发送 Ajax引擎(以XMLHttpRequest为核心),AJax引擎再将请求发送给 服务器,服务器回送响应先发给Ajax引擎,再由引擎传给浏览器显示
1、同步交互模式,客户端提交请求,等待,在响应回到客户端前,客户端无法进行其他操作
2、异步交互模型,客户端将请求提交给Ajax引擎,客户端可以继续操作,由Ajax引擎来完成与服务武器端通信,当响应回来后,Ajax引擎会更新客户页面,在客户端提交请求后,用户可以继续操作,而无需等待 。
方式一:使用post请求的方式,不通过url传参,采用data传参
- url:需要获取参数的路径,通常为servlet的发问路径。
- type:向servlet传输数据的方式,与form表单中的Method方法类似。
- dataType:后台返回的数据格式类型通常有json、text等
- success:function(data):访问url成功后处理返回数据的方法。
- error::function():访问url失败后处理的方法。
$.ajax({
url:"UserServlet",//访问的地址
type:"post",
data:{"传递到后台的参数名":参数},
dataType:'text',//后台返回的数据格式类型
success:function(data){
})
}
})
}
方式二:这是get提交方法
$.ajax({
url:"UserServlet?参数名"+参数值,
type:"get",
dataType:'text',//后台返回的数据格式类型
success:function(data){
})
}
})
}
servlet代码
@WebServlet("/UserServlet")
public class WeatherController extends HttpServlet {
private static final long serialVersionUID = 1L;
private WeatherService service=new WeatherService();
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
try {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
} catch (UnsupportedEncodingException e1) {
e1.printStackTrace();
}
response.setContentType("application/json");
PrintWriter pw=response.getWriter();
pw.println("HelloWorld");
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
}
}