在jQuery中采用post传值

最新推荐文章于 2021-08-06 23:48:16 发布

huashanlunjian

最新推荐文章于 2021-08-06 23:48:16 发布

阅读量979

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： jQuery json XML ViewUI

本文链接：https://blog.youkuaiyun.com/huashanlunjian/article/details/83910898

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何利用jQuery.post方法实现网页前端与后端的数据交互。具体包括设置URL、传递参数、定义回调函数等内容，并提供了注册时检查用户名是否重复的具体实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

格式 $.post(url,[data],[callback]， [type])或jQuery.post( url, [data], [callback], [type] )

语法说明：

url (String) : 发送请求的URL地址.

data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

type (String) : (可选)官方的说明是：Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

例子，注册时判断用户名是否重复

前台:

function checkKey(key){
	var url = "${base}/admin/checkUser.action";
	$.post(url,{keys:key.value}, function(data){
	var dataObj = eval(data);
	$.each(dataObj,function(index,item){
		alert(item.count);	
	      });

	},"json"); 
}

URL指向后台action,

keys:key.value传给后台的值，keys是后台变量的名称，key.value是前台页面的值。

第三个回调函数

第四个传输方式为 JSON。

后台代码：

public String checkUsername(){
	UserDto userDto = new UserDto();
	supplierDto.setKeys(username);
	Integer count = userService.findUserCountByDto(userDto);
	this.data = "[{count:"+count.toString()+"}]";
	return Action.SUCCESS;
}

这里是传的一个值到前台，自己拼写的JSON格式。

如果要传一个对象到前台，就这样：

public String getUserInfo(){
	UserDto userDto = new UserDto();
	userDto.setId(userId);
	List<User> list = userService.findUserByDto(userDto);
	JSONArray jsonArray = JSONArray.fromObject(list);
	this.data = jsonArray.toString();
	return Action.SUCCESS;
}