Ajax异步请求

最新推荐文章于 2024-11-09 18:40:52 发布

ShapeThinker

最新推荐文章于 2024-11-09 18:40:52 发布

阅读量96

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_44841580/article/details/95731967

博客介绍了Ajax异步请求的三种方式，即get、post和ajax方式。还给出后台servlet中核心获取代码，同时提醒request.getParameter和json传递只能选其一，介绍了JS中两个json格式转换方法。

Ajax异步请求的方式

（1）get方式

$(function(){{
	$.get("/testServlet?username=aaa",function(data,states){
		//这里的data值得是请求服务器返回的数据，state指状态吗，成功为200
		alert("数据: " + data + "\n状态: " + status);
	})；
})

（2）post方式

$(function(){{
	$.post(
	"/testServlet",
	{username:"shapeThinker" ,password:"123"},
	function(data,states){
		//这里的data值得是请求服务器返回的数据，state指状态吗，成功为200
		alert("数据: " + data + "\n状态: " + status);
	})；
})

（3）ajax方式

$(function(){
    $.ajax({
        url:"/test14Servlet",   // 请求路径
        type:"Post",            // 请求的方式，不区分大小写
        async:true,             // 是否异步，true是默认值，false为同步请求
        cache:false,            // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
        datatype:"html",        // 返回类型，text文本、html页面、json数据
        data:{
            username:"thinknovo中文",
            password:"123456"
        },
        success:function(response){
            alert("数据: " + response);
        },
	error:function(response){
            alert("出错" + response);
        }
    });
});

后台servlet中核心获取代码：(在debug中查看数据传递)
BufferedReader reader = request.getReader();
String str = reader.readLine();
注意：request.getParameter和json传递任中只能选择一种方式传递，在JS中有两个json格式转换方法：

JSON.stringify() 2.JSON.parse()