两个HTML页面用ajax传值,ajax异步传值|前后台传值|EL表达式

在这里小小推荐下我的个人博客

某宝优惠：优惠网站

写在前面

昨天发布了一篇关于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, // 将你的请求参数拼接到ur