AJax技术

springmvc ajax 跳转的学习笔记

字号+ 作者:H5之家 来源:H5之家 2017-12-07 13:00 我要评论( )

jquery中文网为您提供springmvc ajax 跳转的学习笔记等资源,欢迎您收藏本站,我们将为您提供最新的springmvc ajax 跳转的学习笔记资源

Spring Web MVC是什么 Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架,下面我们来看一篇关于springmvc ajax 跳转的学习笔记

<script>ec(2);</script>

第一种

返回值是  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);
      }
    
    }
   });
})

您可能感兴趣的文章:
Jquery 基础学习笔记
Jquery 学习笔记(一)
jquery中ajax学习笔记3
js实现用户登录自动跳转的代码
js 下拉菜单点击链接跳转的代码
《Perl编程24学时教程》笔记第24课 建立交互式Web站点
JQuery Study Notes 学习笔记(一)
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
jquery 学习笔记一
shell 循环 学习笔记

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AJAX XML 实例

    AJAX XML 实例

    2017-12-07 10:01

  • PHP 和 AJAX 请求

    PHP 和 AJAX 请求

    2017-12-06 17:00

  • jQuery Ajax配合ASP.NET Asmx示例

    jQuery Ajax配合ASP.NET Asmx示例

    2017-12-06 16:08

  • 74、django之ajax补充

    74、django之ajax补充

    2017-12-06 13:01

网友点评
t