Javascript Ajax 异步请求

最新推荐文章于 2025-09-06 08:01:57 发布

weixin_33827731

最新推荐文章于 2025-09-06 08:01:57 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 后端 json ViewUI

原文链接：https://my.oschina.net/discussjava/blog/1586344

本文介绍了一个简单的异步请求示例，包括前端使用jQuery发起POST请求，并设置请求类型、URL、数据等属性，以及后端如何接收并处理这些数据。

2019独角兽企业重金招聘Python工程师标准>>>

异步请求在项目中也会经常用到，容易忘记，记录一下。

简单示例

Javascript

var curWwwPath = window.document.location.href;
var pathName = window.document.location.pathname;
var pos = curWwwPath.indexOf(pathName);
var localhostPaht = curWwwPath.substring(0, pos);
var projectName = pathName.substring(0, pathName.substr(1).indexOf('/') + 1);
var prefix = localhostPaht + projectName;         
var postData = "";
		 $.ajax({
             type: 'POST',
             contentType: "application/json; charset=utf-8",
             url: prefix + "/skyline/saveMj",
             async: false,
             data: postData,
             success: function (data) {
                 return data;
             },
             error: function () {
                 alert("系统错误");
             }
         });

后端代码

@RequestMapping(value = "saveMj")
	public void saveMj(@RequestBody String data, HttpServletRequest request, HttpServletResponse response,Model model) throws IOException {
	System.out.println(data);
        response.setContentType("text/html;charset=utf-8");
    	PrintWriter pw = response.getWriter();
    	String mess = "保存成功";
		pw.write(URLDecoder.decode(mess, "utf-8"));
		pw.flush();
		pw.close();
	}

说明