首页 javaWEB springmvc ajax 跳转记录

springmvc ajax 跳转记录

springmvc ajax  老是忘了 今天花下时间记录下 老是找重复的资料 。。坑。。   第一种 返回值…

springmvc ajax  老是忘了

今天花下时间记录下

老是找重复的资料 。。坑。。

 

第一种

返回值是  Map<String , Object>

控制器写法

	/**
	 * 纠错  问题
	 * @author admin
	 *
	 */

	@RequestMapping(value="/checkQuestion.php")
	@ResponseBody
	public Map<String , Object>  checkQuestion(Long titleId){

		Map<String , Object> map = new HashMap<String, Object>();
		map.put("ceshi", "后台传回来的纠错");
		System.out.println(map.toString());
		return  map;
	}

页面写法一

$('.other1').click(function(){
	      $.ajax({
				url:'/vote/checkQuestion.php',
			   data:$('#form1').serialize(),// 你的formid
				success:function(data){
					 if(data!=null){
					     	  alert("纠错"+data.ceshi);

					 }

				}
		  });
})

 

<form id="form1" >
<input type="hidden" name="titleId" value="${question.id}">

</form>

 

第二种

返回值是  json 的 字符串

	/**
	 * 收藏 问题
	 * @author admin
	 *
	 */

	@RequestMapping(value = "/collectionQuestion.php",produces = "application/json; charset=utf-8")
	@ResponseBody
	public String collectionQuestion(){
		JSONArray array=new JSONArray();
		JSONObject json= new JSONObject();
		json.put("ceshi", "后台传回来的收藏");
		array.add(json);
		System.out.println(array.toString());
		return array.toString();
	}

页面写法二

 

$('.other2').click(function(){

		   $.ajax({
				url:'/vote/collectionQuestion.php?titleId='+${question.id},
				success:function(data){
					 if(data!=null){
					     	  alert("收藏"+data[0].ceshi);
					 }

				}
			});
})

 

免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。

为您推荐

nodejs 整理记录

nodejs 整理记录

下载包 https://blog.csdn.net/m0_59878114/article/details/120274...
websocket测试html

websocket测试html

<!DOCTYPE html> <html> <head> <meta cha...
bigdemical两个数比较大小

bigdemical两个数比较大小

/*int result = bigdemical1.compareTo(bigdemical2) result = -...
Beetl2.7 中文文档

Beetl2.7 中文文档

Beetl目前版本是2.7.23,相对于其他java模板引擎,具有功能齐全,语法直观,性能超高,以及编写的模板容易维护等...
纯CSS实现多个便签在一行展示,拖动滚动

纯CSS实现多个便签在一行展示,拖动滚动

div <h2>请注意需要在移动端预览,PC端拖拽无效果</h2> <div class=...
返回顶部