Java-ajax的一种使用方式

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);
	}

}