博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript Ajax 异步请求
阅读量:6188 次
发布时间:2019-06-21

本文共 1382 字,大约阅读时间需要 4 分钟。

hot3.png

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

简单示例

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

说明

  • 前端数据封装为postData变量提交到后台,也可以将参数采用get的方法附在链接上,后台根据名称获取;
  • 后台获取ajax提交的数据默认名称为data,如果数据为json格式,可以进行转换并解析;
  • ajax提交后,在后台不需要进行跳转,通过response返回数据,write写入需要返回的数据;
  • 前端ajax请求成功后,获取后端返回的数据名称为data,请自行解析;

 

 

转载于:https://my.oschina.net/discussjava/blog/1586344

你可能感兴趣的文章
PL/SQL — 函数
查看>>
托尔斯泰
查看>>
c语言之if语句
查看>>
Unity_UIWidgets学习笔记08_组件Row/Column
查看>>
用最简单的例子实现jQuery图片即时上传
查看>>
关闭sublime自动检测更新提示
查看>>
Oracle的游标
查看>>
SDOI2009 虔诚的墓主人
查看>>
2017北京国庆刷题Day6 morning
查看>>
安装cocoapods遇到两大坑-Ruby版本升级和Podfile的配置
查看>>
【原创】Linux下的ngix服务器安装步骤
查看>>
CSS3之使用选择器在页面中插入内容
查看>>
SGU 176 Flow construction
查看>>
jQuery Mobile里xxx怎么用呀? (事件篇)
查看>>
映射窗口句柄对象
查看>>
secedit
查看>>
IOS NSLog 打印bool值
查看>>
Android 中的概念大集合
查看>>
MS SQL Server存储过程
查看>>
Android反编译方法(class+xml)
查看>>