`
liulanghan110
  • 浏览: 1075562 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

在jQuery中采用post传值

阅读更多

格式 $.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;
}

 

 

分享到:
评论

相关推荐

    Struts 1.3 +JQuery+Json Post传值

    Struts 1.3 +JQuery+Json Post传值 由于网上关于这个的资料很少,现整理出来,方便大家学习. 关于Json的优势,网上的评价都很高,对于处理复杂的数据相对于处理xml来说要好很多,更多关于这方面的知识读者可以到网上...

    jquery ajax接收后台传值

    在本案例中,主要介绍了如何利用jQuery AJAX技术实现根据JSP页面中下拉框的选择来动态控制显示不同的内容。这种交互方式常见于需要实时响应用户操作并从服务器获取数据的应用场景。 #### 一、整体思路与目标 本...

    jquery ajax用json传值实例asp.net

    总之,这个"jquery ajax用json传值实例 asp.net"是一个很好的学习资源,可以帮助初学者快速掌握如何在客户端和服务器之间使用AJAX和JSON进行数据交换。通过实践和理解这些基础概念,你可以进一步提升你的Web开发技能...

    通过Jquery实现Ajax传值.rar

    本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...

    jQuery Ajax向某个页面传值并取得返回的数组

    在Web开发中,jQuery的Ajax功能是至关重要的,它允许我们实现异步数据通信,无需刷新整个页面就能与服务器交换数据。"jQuery Ajax向某个页面传值并取得返回的数组"这一主题涉及到如何使用jQuery的Ajax方法来发送请求...

    Jquery传值 mode

    在标题“Jquery传值 mode”中提到的“传值mode”,可能指的是通过jQuery来实现前后端数据传递的一种方式。下面我们将深入探讨jQuery在.NET环境中如何进行数据传输以及相关模式。 首先,jQuery提供了多种方法与...

    AJAX post 传值

    在实际项目中,可能会用到库如jQuery、axios或fetch来简化这一过程。但理解基本的XMLHttpRequest使用方法对于开发者来说是非常有价值的,因为它有助于理解和调试问题,特别是在使用这些库时遇到问题时。

    post方式直接传递值,页面传值注意事项

    在网页开发中,数据传输是不可或缺的一环,而POST方式是一种常见的数据提交方式,尤其在AJAX异步请求和表单提交中应用广泛。本文将深入探讨POST方式直接传递值时的一些页面传值注意事项,以及涉及到的相关技术如AJAX...

    jQuery与asp.net后台传值处理(vb例子)

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。而ASP.NET,特别是VB.NET版本,是微软提供的一个强大的服务器端框架,用于构建动态网站、Web应用和Web服务。当我们...

    页面传值js文件jquery.params.js

    此外,虽然jQuery.params.js简化了页面传值,但现代Web开发中也有其他更先进的技术,如使用AJAX(异步JavaScript和XML)进行页面无刷新的数据交换,或者利用前端路由(如React Router或Vue Router)实现单页应用...

    弹出窗口互相传值范例

    在这个"弹出窗口互相传值范例"中,我们将会探讨如何在不同的弹出窗口之间传递数据,这在Web开发中是一个重要的技能。 首先,我们看到的文件名如`MikeCat_pcwin.aspx`、`cwin_modal.aspx`、`cwin.aspx`等,这些都是...

    jQuery get和post 方法传值注意事项

    jquery_test.html 实验1: 代码如下: $(function() { // post 方法,两处都有数据 $.post(‘jquery_data.php?v1=1’, {v2: 2}, function(data) { $(‘’).append(data).appendTo(‘body’); }); });

    jQuery中get和post方法传值测试及注意事项

    jQuery 的 get 和 post 方法有三个参数:地址,数据 和回调函数,但我们知道地址也可以跟随数据的(形如:get_data.php?v1=1&v2=2),而且第二个参数可以省略,即第二个参数可 以直接写回调函数,那么数据写在地址...

    Jquery Ajax 前后台数据传输

    本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法,它是所有其他AJAX功能的基础。例如,我们可以使用...

    Jquery调用iframe父页面中的元素及方法

    在jQuery中,可以通过传递window.parent.document作为上下文来查找父页面的元素。例如,如果我们知道父页面中有一个id为"parentElement"的元素,我们可以通过以下方式获取: ```javascript $('#parentElement', ...

    asp.net的ajax传值

    在ASP.NET中,实现AJAX传值通常涉及到以下关键知识点: 1. **UpdatePanel**:ASP.NET AJAX控件工具箱中的UpdatePanel是实现部分页面更新的基础。它可以将一个或多个控件包裹起来,当这些控件触发事件时,...

    jquery传值例子

    在jQuery中,我们可以使用`$.ajax()`或简化的`$.post()`和`$.get()`方法来实现异步数据传输。以一个简单的例子为例,假设我们有一个表单,其中包含一个输入字段和一个提交按钮: ```html 提交 ``` 我们可以...

    动态增删table以及后台传值和弹出窗口父子窗口传值

    在IT行业中,动态增删table和后台传值是前端与后端交互的重要技术,而弹出窗口父子窗口之间的数据传递则是提升用户体验的关键。下面将详细解释这些知识点。 首先,动态增删table是一种常见的用户界面设计,它允许...

Global site tag (gtag.js) - Google Analytics