ajax ssm 页面跳转_SSM用jq整合Ajax入门案例讲解

SSM用Jq整合Ajax

我就是一个程序小白，很多原理都不懂，下面的内容只能让新手知道怎么用。

Ajax

废话少说，总之像点赞，评论，之类的很多功能没必要进行页面跳转，更没必要牺牲整个页面来刷新局部区域，SSM框架用表单或者超链接的方式提交给Controller层都必须页面跳转，用Ajax其实和表单提交之类的没区别，只是不用跳转。

比如你想实现一个简单点赞增加功能，同时数据库保存信息

jsp代码

用户1

点赞：

569

也就是点一下赞，赞的数量+1，数据库里用户1的点赞数量也+1

Jq代码

在

标签里引入jq，如果你的SSM项目路径里面有jq就按照引用js那样，如果没有，你就用我下面的代码

//这样引入jq电脑需要联网

下面是jq代码(不懂不要紧，就是这样用，复制粘贴罢了)

$(function () {

var user=$("#sp1").text();//获取点赞对象：用户1

var sum=$("#sp2").text()//获取当前赞的数量，这里获取的是字符串

$("#bt1").click(function () {//给button设置点击事件

$.ajax({

url: "addZan", //这个对应Controller的URL，和你们以前表单里面的action一样

data: { //data就是你想要传什么数据到Controller层，这里的数据是json数据。

usera:user//多个数据用逗号隔开，usera其实相当于form里的name属性，这个名字和Controller层传过去的值对应

//user就是刚刚获取到的值

//其实这行代码可以写成 usera:$("#sp1").text()

type: "POST", //类型，POST或者GET,就和表单与超链接一样

dataType: 'text', //Controller层返回类型，如果返回String，就用text,返回json,就用json

success: function (data) { //成功，回调函数

alter(data.result);//可以用data调用Controller返回的值

$("#sp2").html(parseInt(sum)+1;);//点赞+1，先把sum强转为整再+1

error: function () { //失败，回调函数

alter("程序出错。。。");

}

});

})

Controller层

@RequestMapping("/addZan")//对应jq里面的url

@ResponseBody//需要传值就用这个注解

public String addZan(@RequestParam("usera") String usera) {//usera就是jq传进来的参数

//操作数据库，调用Sevice层，和SSM一模一样

String result="点赞成功";

retrun result;

}

ajax ssm 页面跳转_SSM用jq整合Ajax入门案例讲解相关推荐

ajax ssm 页面跳转_SSM框架的面试常见问题
阅读文本大概需要9分钟. 一.Spring面试题 1.Spring 在ssm中起什么作用? Spring:轻量级框架作用:Bean工厂,用来管理Bean的生命周期和框架集成. 两大核心: IOC/D ...
ajax ssm 页面跳转_ssm项目实战实现页面的局部刷新功能
好的各位小伙伴继续学习知识了 ajax_json 咱们之前用SSM三大框架整合,实现了用户的增删改查功能.今天主要是将之前实现的用户功能,修改成 ajax 的方式,实现页面的局部刷新功能. 首先来实 ...
ajax ssm 页面跳转_Shiro 教程，Ajax请求拦截跳转页面方案
我们知道Ajax不能做页面redirect和forward跳转,所以Ajax请求假如没登录,那么这个请求给用户的感觉就是没有任何反应,而用户又不知道用户已经退出或是 Session 超时了.这个时 ...
ajax怎么控制页面跳转页面跳转,使用ajax实现页面跳转
最近在写一个Javaweb的项目,在写登录界面的时候,使用了ajax作为向后端传递数据的方式,但是在最初写的时候发现了一个问题.那就是,当我在后端判断用户名和密码正确之后,调用response.sen ...
ajax 跳转 html页面传值,ajax实现页面跳转并传参
javascript" name=code class="page_speeder_20720">整理版 $.ajax({ type:"POST" ...
ajax实现页面跳转
一.前因刚学完ajax没多久,想着写个注册界面,利用ajax把用户名和密码传过来,注册成功以后跳转到登录界面,之前一直用的是Servlet来重定向,结果直接就是说没有反应,调了半天就是不成功. 查了 ...
idea springmvc_IDEA搭建SSM（spring+springmvc+mybatis）Maven项目的入门案例
上一篇文章已经搭建好了SSM的框架,并且启动成功,今天来编写一下入门案例. 文章的主要内容: 1.hello world的编写 2.引入log4j,在控制台打印sql 3.增删改查的编写一.在mys ...
jq ajax请求页面跳转页面,使用jquery.get提交页面没有跳转的解决方法
代码如下: 复制代码代码示例: CodeFile="Default.aspx.cs" Inherits="_Default" %> window.loc ...
mvc ajax返回整个页面跳转,在springmvc中的ajax发布调用之后，有什么方法可以将我的页面（jsp）重定向到另一个页面（jsp）...
基本上,我的情况是我尝试通过使用ajax post将3个对象的列表作为字符串发送到我的控制器,如下所示. AJAX调用的JavaScript函数: $.ajax({ type: 'POST', dat ...

ajax ssm 页面跳转_SSM用jq整合Ajax入门案例讲解

ajax ssm 页面跳转_SSM用jq整合Ajax入门案例讲解相关推荐

最新文章

热门文章