【Java使用SpringMVC】【Ajax部分】Ajax如何使用REST API异步处理请求

格式

Ajax Pre分析

在进行Ajax操作前,先进行了数据获取,一般是使用Jquery选择器进行获取(Jquery选择器哪家强?Jquery中的$代表啥意义?自行查)

 

Ajax分析

首先看Ajax的核心部分

分为两部分

输入部分

type:‘POST’ 分为GET,DELETE

而这三种类型对应的url可以只是一个,因为在Action层中【参见【全栈】[MVC]传统MVC开发流程以及问题剖析】url就是一个注解,而同注解下可以有CRUD四个方法

关于注解如何定义,方法如何写,参见下篇博文

输出部分

问题

这些一看就明白了,但是

这个message从哪来的,我怎么知道有这个东东,这就要看请求过来返回的是个什么东东了。请看下回分解。

Plus:剧透

data是一个数据类型(如Object, jason)这里为Object. 是Action里面定义并返回出来的。

 更多Ajax的请求示例(GET,DELETE)

Ajax异步请求REST API 获取数据GET

亮点

为什么Jquery为html元素div input 这两种赋值方式不一样?

请自行搜索

.attr() | jQuery API中文文档(适用jQuery 1.0 – jQuery 2.0)

jquerydiv,Span, a button, radio 赋值取值

Ajax异步请求REST API删除数据DELETE

亮点1 从JqGrid获取数据

亮点2从 reloadGrid

总结及升华

Ajax的数据如何与Action交互,看下回分解

其它相关

相关1 JSON.stringfy()

parse用于从一个字符串中解析出json对象,如

var str = ‘{“name”:”huangxiaojian”,”age”:”23″}’

结果:

JSON.parse(str)

Object

age: “23”
name: “huangxiaojian”
__proto__: Object

注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。

stringify()用于从一个对象解析出字符串,如
var
a = {a:1,b:2}

结果:

JSON.stringify(a)
“{“a”:1,”b”:2}”

 

相关2

如何定义json

http://thoreau.iteye.com/blog/894852

示例如下


在请求有跨域的情况中,需要在允许的header里面都加上,如

且在代码中,不要有cors不支持的方法,如java的

// response.sendRedirect(loginUrlPre);

否则预检preflight会非法

在相应的webutils的print里面也要加上