jQuery-使用-你想要用ajax从前台传值并从后台传值该怎么办!

这是一个springmvc的项目
这是一个有了jquery环境的项目

场景:
在一个页面上,有三个标签,你希望点击一个标签得到这个标签所希望的数据,另一个变另一个,于是需要获取当前标签所代表的数据送到后台处理后,如果传送到前台要加载整个页面,显得很傻,于是jquery.ajax应运而生,达到此目的

需求页面


jQuery-使用-你想要用ajax从前台传值并从后台传值该怎么办!_第1张图片
Paste_Image.png

前台:

jQuery-使用-你想要用ajax从前台传值并从后台传值该怎么办!_第2张图片
Paste_Image.png

其中,红色部分注意,此处dataType为json,表示后台要用json返回
黄色是因为某种原因,本人得不到data的length,但是还要循环于是使用这种愚蠢的方式

后台:

jQuery-使用-你想要用ajax从前台传值并从后台传值该怎么办!_第3张图片
Paste_Image.png

别忘了responsebody这个注解

其中比较注意的是,后台代码中的ApiInstrumentAppList
这个类是新增的,设置它的各类属性后就可以传输到前台当json使用

jQuery-使用-你想要用ajax从前台传值并从后台传值该怎么办!_第4张图片
Paste_Image.png

粗浅的例子,打通前后。

你可能感兴趣的:(jQuery-使用-你想要用ajax从前台传值并从后台传值该怎么办!)