在html页面中用ajax保存一个链表,前端ajax异步传值以及后端接收参数的几种方式...

异步传值

前台往后台传值呢,有很多种方式,大家听我细细道来。

第一种呢,也是最简单的一种,通过get提交方式,将参数在链接中以问号的形式进行传递。

// 前台传值方法

// 触发该方法调用ajax

function testAjax(yourData) {

$.ajax({

type: "get", // 以get方式发起请求

url: "/yourUrl?yourDataName=" + yourData, // 将你的请求参数以问号拼接到url中进行参数传递

success(data) {

// data为返回值

// 成功后的回调方法

}

})

}

// 后台接值方法

@RequestMapping("/yourUrl")

@ResponseBody

// @RequestParam("yourData")是必不可少的,因为他指定了链接中的参数名称

public String yourUrl(@RequestParam("yourData") String yourData) {

System.out.println(yourData);

// 返回值可以自由定义

return "SUCCESS";

}

第二种呢,是将参数体现到链接中,在后台通过占位进行传递。

// 前台传值方法,其实大体与上方相同只需注意url即可

// 触发该方法调用ajax

function testAjax(yourData) {

$.ajax({

type: "get", // 以get方式发起请求

url: "/yourUrl/"+yourData, // 将你的请求参数拼接到url中进行参数传递

success(data) {

// data为返回值

// 成功后的回调方法

}

})

}

// 后台接值方法

@RequestMapping("/yourUrl/{yourDataName}")

@ResponseBody

// 同样@PathVariable("yourDataName")必不可少,因为他指定链接中某个位置代表着名为yourDataName的变量

public String yourUrl(@PathVariable("yourDataName") String yourData) {

System.out.println(yourData);

// 返回值可以自由定义

return "SUCCESS";

}

第三种呢,通过post提交方式将form表单中的数据序列化后传递到后台。

// 前台传值方法

function testAjax() {

$.ajax({

type: "post", // 以post方式发起请求

url: "/yourUrl", // 你的请求链接

data:$("#myForm").serialize(), // 对id为myForm的表单数据进行序列化并传递到后台

success(data) {

// data为返回值

// 成功后的回调方法

}

})

}

// 后台接值方法

@RequestMapping("/yourUrl")

@ResponseBody

// 在这里我假设大家表单数据与User实体类相对应

public String yourUrl(User user) {

System.out.println(user.toString());

return "SUCCESS";

}

第四种呢,就是Ajax异步传值最常见 的在ajax方法体中使用data进行传值。

// 前台传值方法

function testAjax() {

$.ajax({

type: "post", // 以post方式发起请求

url: "/yourUrl", // 你的请求链接

data: { // 提交数据

"username": "admin", // 前者为字段名,后者为数据

"password": "admin"

},

success(data) {

// data为返回值

// 成功后的回调方法

}

})

}

// 后台接值方法

@RequestMapping("/yourUrl")

@ResponseBody

// 在这里我假设大家表单数据与User实体类相对应

public String yourUrl(@RequestParam("username") String username, @RequestParam("password") String password) {

System.out.println("username="+username+";password="+password);

return "SUCCESS";

}

后台往前台传值就要简单一些,单个数据或者封装数据可以直接使用return返回json数据给前台,如果是多个数据,可以使用```

PrintWriter进行传值,具体操作如下

PrintWriter out = response.getWriter();

try {

out.write("yourWillReturnData");

} catch (Exception e) {

e.printStackTrace();

}finally{

out.close();

}

// 无论通过那种方式,只需在前台Ajax得success回调方法中对数据进行处理即可,我们以user为例

success(user){

alert("返回的用户名为:"+user.username+"!!!密码为:"+user.password);

// 在浏览器控制台打印结果,点击f12可以查看

console.log("返回的用户名为:"+user.username+"!!!密码为:"+user.password);

}

非异步方式传值

非异步方式前台传递参数

1.与异步方式类似,使用form直接提交或者在链接中拼接参数即可。

登录

问号传递参数

拼接链接传递参数

2.后台接受参数方式不变,与异步方式完全相同。

非异步方式后台向前台传递数据

// 1.可以通过session进行参数传递

@RequestMapping("/yourUrl")

public String yourUrl(HttpServletRequest request) {

// 通过request获取session,然后向session中放入参数key-value

request.getSession().setAttribute("yourDataName", "yourData");

// 跳转到你的视图

return "/yourViews";

}

// 2.可以通过Model进行参数传递

@RequestMapping("/yourUrl")

public String yourUrl(Model model) {

// 向model中加入参数key-value

model.addAttribute("yourDataName", "yourData");

// 跳转到你的视图

return "/yourViews";

}

// 3.同样可以用request进行参数传递

@RequestMapping("/yourUrl")

public String yourUrl(HttpServletRequest request) {

// 通过request放入参数key-value

request.setAttribute("yourDataName", "yourData");

// 跳转到你的视图

return "/yourViews";

}

ssh框架总结之action接收参数的三种方式

页面将参数传递给action的三种方式 一是通过属性传值: 将页面和action的的属性值保持一致,在action上写上该属性的set和get方法,这样在页面提交参数的时候,action就会调用set ...

SpringBoot Controller接收参数的几种方式盘点

本文不再更新,可能存在内容过时的情况,实时更新请移步我的新博客:SpringBoot Controller接收参数的几种方式盘点: SpringBoot Controller接收参数的几种常用方式盘点 ...

Struts2接收参数的几种方式

一.用Action属性 在action里定义要接收的参数,并提供相应的set和get方法. 如: public class LoginAction extends ActionSupport { pr ...

strut2接收参数的三种方式

strut2接收参数有三种方式(普通属性\领域对象\模型驱动),分别对三种进行一个总结: 一.普通属性 Jsp代码

普通属性

&lt ...

PHP接收参数的几种方式

PHP5在默认的情况下接收参数是需要使用 $_GET['value']; $_POST['value']; 还可以在PHP.ini 文件中的  将register_globals = Off  改re ...

spring-boot-route(一)Controller接收参数的几种方式

Controller接收参数的常用方式总体可以分为三类.第一类是Get请求通过拼接url进行传递,第二类是Post请求通过请求体进行传递,第三类是通过请求头部进行参数传递. 1 @PathVariab ...

ASP.NET MVC post请求接收参数的三种方式

1.在控制器中建立一个PostDemo方法,建立视图创建一个表单

PostDemo

name的值:@ViewBag.name
nam ...

.NET MVC框架中控制器接收参数的四种方式

1.通过路由中的配置的参数名字直接接收(要求:两者同名) routes.MapRoute(                 name: "Default",             ...

springMVC接收参数的几种方式

Spring3 MVC请求参数获取的几种方法 一.      通过@PathVariabl获取路径中的参数 @RequestMapping(value="user/{id}/{name}&q ...

随机推荐

在ACCESS中创建数据库和查询(ACCESS 2000)

备份还原数据库 备份.还原 —— 复制\粘贴 压缩修复数据库命令 —— 复制该文件并重新组织,并重新组织文件在磁盘上的储存方式.压缩同时优化了Access数据库的性能.(工具——实用数据库工具或者工具 ...

数据结构 -- 图的最短路径 Java版

作者版权所有,转载请注明出处,多谢.http://www.cnblogs.com/Henvealf/p/5574455.html 上一篇介绍了有关图的表示和遍历实现.数据结构 -- 简单图的实现与遍历 ...

LocalContainerEntityManagerFactoryBean

http://doc.okbase.net/liuyitian/archive/109276.html

php如何修改SESSION的生存时间

如何修改SESSION的生存时间 我们来手动设置 Session 的生存期: <?phpsession_start (); // 保存一天 $lifeTime = 24 * 3600; setco ...

tensorflow tanh应用

1.tanh()函数 tanh是双曲函数中的一个,tanh()为双曲正切. 双曲正切函数的导数公式:   2.tensorflow tanh()例子 import tensorflow as tf i ...

spring-data-redis使用哨兵配置一主多从

redis自带的哨兵确实简化了高可用性的配置,使用起来也比较简单. 首先是spring-redis-sentinel.xml(文件名可以随意命名)配置文件: <?xml version=&quo ...

java界面--WePush-master 项目跑起来 -碰到的问题

仅能在IntelliJ里面打开GUI Form文件来进行界面的拖拽设计--eclipse中也可以了 当eclipse 打开.form文件时,提示有.对应的编辑工具可以打开它,请到市场去安装 但是:本人 ...

Java引用类型传递整理

引用数据类型(类) 10.1引用数据类型分类 可以把类的类型为两种: Java为我们提供好的类,如Scanner类,Random类等,这些已存在的类中包含了很多的方法与属性,可供我们使用. 我们自己创 ...

Custom Grid Columns - FireMonkey Guide

原文 http://monkeystyler.com/guide/Custom-Grid-Columns ack to FireMonkey Topics As we saw in TGrid a F ...

基于 CoreText 实现高性能 UITableView

引起UITableView卡顿比较常见的原因有cell的层级过多.cell中有触发离屏渲染的代码(譬如:cornerRadius.maskToBounds 同时使用).像素是否对齐.是否使用UITab ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值