Ajax异步传值

将数据从前台传向后台:

1:通过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";

}

2:将参数直接拼接在链接中,后台通过占位符进行传递

//前台

function addTec(tecId) {

$.ajax({

cache : true,

type : "get",

url : "/factory/tec/listOrderNumByMatId/"+tecId,

async : false,

success : function(data) {

}

});

}

//后台

@GetMapping("/factory/tec/listOrderNumByMatId/{tecId}")

String add(Model model, @PathVariable("tecId") Long tecId) {

System.out.println(tecId);

}

3:通过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";

}

4:通过通过ajax中的data参数以map(key-value)的方式向后台传值。

 

//前台传值方法

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";

}

Ajax异步传值总结的更多相关文章

  1. JSON.stringify实例应用—将对象转换成JSON类型进行AJAX异步传值

    在上一篇中,对JSON.stringify()方法有了初步的认识,并且做了一些简单的例子.本篇将进一步将JSON.stringify用在复杂些的实例中,例如如下需求: 在进jQuery AJAX异步传 ...

  2. Jquery ajax异步传值的两个实用的方法,你看后肯定会用第二个

    故名思议,你是个asp.net  或者是搞PHP的或者 是javaweb的 ,但是为了提高界面的效率,你必须会实用jquery的ajax,当然,在ajax异步传值的时候很头疼的一件事情就是,拼接字符串 ...

  3. HBuilder+eclipse开发:使用ajax异步传值生成首字母索引

    使用ajax异步传值生成首字母索引大致有以下几个步骤: 1.服务器端使用servlet提取出数据库里的数据; 2.使用首字母工具类对数据进处理得到首字母; 3.再将首字母和数据一一对应存入json数组 ...

  4. 前端ajax异步传值以及后端接收参数的几种方式

    原文参考 异步传值 前台往后台传值呢,有很多种方式,大家听我细细道来. 第一种呢,也是最简单的一种,通过get提交方式,将参数在链接中以问号的形式进行传递. // 前台传值方法 // 触发该方法调用a ...

  5. PHPcurl抓取AJAX异步内容(转载)

    PHPcurl抓取AJAX异步内容 其实抓ajax异步内容的页面和抓普通的页面区别不大.ajax只不过是做了一次异步的http请求,只要使用firebug类似的工具,找到请求的后端服务url和传值的参 ...

  6. Ajax - 异步处理(点击变成文本框并修改)

    效果: 对应的文档结构: Test.aspx 前台代码: 引入JQuery(jquery-1.8.3.min.js). 引入自己所写的JS代码(UserJS.js). <html xmlns=& ...

  7. PHP curl 抓取AJAX异步内容

    其实抓ajax异步内容的页面和抓普通的页面区别不大.ajax只不过是做了一次异步的http请求,只要使用firebug类似的工具,找到请求的后端服务url和传值的参数,然后对该url传递参数进行抓取即 ...

  8. AJAX异步对象,即XMLHttpRequest

    //创建AJAX异步对象,即XMLHttpRequest function createAJAX(){ var ajax = null; try{ ajax = new ActiveXObject(& ...

  9. ajax异步请求

    做前端开发的朋友对于ajax异步更新一定印象深刻,作为刚入坑的小白,今天就和大家一起聊聊关于ajax异步请求的那点事.既然是ajax就少不了jQuery的知识,推荐大家访问www.w3school.c ...

随机推荐

  1. TCP三次握手笔记

    先了解OSI七层模型(OSI是Open System Interconnect的缩写,意为开放式系统互联) OSI层 功能 应用层 文件传输,电子邮件,文件服务,虚拟终端 表示层 数据格式化,代码转换 ...

  2. delete an extra edge from BST

    Given a BST, remove an extra edge to make it BST. 7 / \ 5   9 /  \ / 3    8 public void deleteEdge(T ...

  3. Java文件读写分析

    本文内容:IO流操作文件的细节分析:分析各种操作文件的方式. 读写一个文件 从一个示例开始分析,如何操作文件: /** * 向一个文件中写入数据 * @throws IOException */ pr ...

  4. JS中的继承(下)

    JS中的继承(下) 在上一篇 JS中的继承(上) 我们介绍了3种比较常用的js继承方法,如果你没看过,那么建议你先看一下,因为接下来要写的内容, 是建立在此基础上的.另外本文作为我个人的读书笔记,才疏 ...

  5. jQuery操作选中select下拉框的值

    js和jQuery联合操作dom真的很好用,如果不是专业前端人员的话,我觉得吧前端语言只要熟练掌握js和jQuery就可以了. 获取select下拉框的几种情况如下: 1.获取第一个option的值 ...

  6. mybatis-generator遇到到的问题

    1.Unknown system variable 'query_cache_size' https://blog.csdn.net/qq_21870555/article/details/80711 ...

  7. 一文搞懂网络知识,IP、子网掩码、网关、DNS、端口号

    网络的基本概念 客户端:应用 C/S(客户端/服务器) B/S(浏览器/服务器) 服务器:为客户端提供服务.数据.资源的机器 请求:客户端向服务器索取数据 响应:服务器对客户端请求作出反应,一般是返回 ...

  8. eclipse导入myeclipse中的项目(如何把Webroot改为WebContent)

    1.进入项目目录,找到.project文件,打开. 2.找到…代码段. 3.在第2步的代码段中加入如下标签内容并保存: org.eclipse.wst.common.project.facet.cor ...

  9. 如何使用sqlalchemy获取表的主键、以及每一个字段名和对应类型

    使用sqlalchemy获取到的结果只包含数据,不包含字段,那么我们如何获取到对应字段和其属性呢?以及如何获取某张表的主键呢? # -*- coding:utf-8 -*- # @Author: Wa ...

  10. Linux中的Mariadb数据库的主备

    对于一个mysql服务器, 一般有两个线程来负责复制和被复制.当开启复制之后. MySQL 复制的基本过程如下: 1. Slave 上面的IO线程连接上 Master,并请求从指定日志文件的指定位置( ...