-
如何用ajax把页面的值传到后台action0
先说下需求:如图
代码:<form id="form" action="" method="get"> <input id="date" name="shijian" type="text" value="请选择时间"> </form>
图中红色部分为input 的时间(例如2014),通过change事件触发,把2014传给后台action,然后再图表里面展示2014年的 柱状图.我试了用struts传值,但是需要跳转页面,问题是我不需要跳转页面,都在一个页面.我试了用js的submit,也需要跳转页面.只能用ajax了,关键是ajax 不会用啊,能告诉一下么,详细点的 代码,谢谢了
2014年3月26日 10:17
添加评论
关注(1)7个答案 按时间排序 按投票排序
-
采纳的答案
使用jquery大致如下：
$(function(){ $(date).change(function(){ $.get("xxx.do?shijian="+$(this).val(),function(d){ //something to do with "d" }) }); });
看不懂的话，还是去翻翻ajax参考资料吧。2014年3月26日 13:43
-
//第二个参数就是你要传递的键值对，其实是个json对象 $.post(url,{key1:"value1",....},function(data) { //data是你后台返回的数据 });2014年3月27日 16:38
-
如用jquery，可参考我的博客http://quarterlifeforjava.iteye.com/blog/2024336
2014年3月27日 08:42
相关推荐
这里的问题是关于如何使用Ajax提交数据到后台的JSP页面，并在处理完数据后进行页面跳转。我们将详细探讨这个问题以及相关的知识点。 首先，我们看`logincheck.jsp`页面中的代码，它接收通过Ajax传递的参数： ```...
需要注意的是，在实际开发中，为了避免页面阻塞，一般建议使用异步方式（async: true）。 - **url**：指定请求的URL地址。 - **data**：发送给服务器的数据，这里就是前面构建的`_list`对象。 - **dataType: 'json'*...
在本场景中，我们将探讨如何使用AJAX来传递JSON数组，并在Struts2的Action中接收和处理这些数据。 首先，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析...
**Ajax** (Asynchronous JavaScript and XML) 是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。在本案例中，当用户在ZTree中选择或取消选择节点时，会触发Ajax请求，将操作信息发送到服务器，...
资源名称：J2EE中JSON ...首先页面通过调用JQuery_AJAX方法访问后台Action，在后台Action中将获取到的JavaBean、List、Map等数据类型转换为json-lib.ja 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
在本例中，Ajax技术被用于提交表单数据到服务器，同时不需要刷新整个页面。 3. Json：Json（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。Json数据通常...
Ajax 提交到 Java 后台处理数据的实现是Web开发中常见的需求，尤其是在前后端分离的架构中。这里我们使用了Struts2框架和jQuery库来实现这个功能。下面详细解释每个部分的作用和流程。 1. **前端HTML页面**（index....
这种方式可以显著提升用户体验，因为在上传文件时，用户不再需要等待整个页面刷新，而是可以在后台进行数据交换。 Struts是Apache软件基金会开发的一个开源MVC（Model-View-Controller）框架，它主要用于构建基于...
那个保存按钮集成了ajax 我使用JAVA开发的后台 所以是传给action 用action将菜单的json传给腾讯的服务器然后生成 微信公众号的菜单！欢迎使用 评论。 目前只支持 点击事件 连接事件 子菜单添加 这些基本的额 如有...
接下来，我们将使用JSF技术和Ajax来实现一个可以显示文件上传进度的组件。该组件将利用Ajax定时向服务器发送请求，获取文件上传的进度，并更新前端界面中的进度条。 **实现步骤：** 1. **创建JSF页面**：设计一个...
3. AjaxFileUpload会把文件数据和相关参数打包成HTTP请求，发送到后台Struts的Action。 4. Struts Action接收到请求后，进行必要的文件验证，如大小、类型等，然后将文件保存到服务器指定位置。 5. Struts Action...
在上述代码示例中，通过`$.ajax()`函数发送POST请求到`ajaxJsonJiaokuanSelNJCLF.action`，并在成功接收服务器返回的JSON数据后，动态填充页面元素，实现了Ajax功能。 ### 代码示例分析 1. **Action配置**：在...
6. **前端页面**：使用Ajax异步请求，向后台发送分页参数，获取返回的数据。可以使用jQuery或其他JavaScript库实现Ajax请求，同时更新页面内容。 7. **Ajax分页**：在前端，通常会有一个分页导航栏，用户点击页码时...
"在页面上用action传递参数到后台出现乱码的解决方法"这一主题聚焦于解决一个常见的问题，即当通过ACTION（比如一个特定的后台处理方法）接收前端发送的参数时，可能出现的字符编码不匹配导致的乱码现象。...
使用JavaScript（例如jQuery或原生JS）监听文件选择事件，当用户选择图片后，使用Ajax发起POST请求，将文件数据发送到服务器。 2. **Struts2 Action**：定义一个Action类，处理上传请求。在Action中，我们需要使用...
这种方式可以让用户在上传文件时无需等待页面刷新，而是通过Ajax（Asynchronous JavaScript and XML）技术实现实时反馈，提升交互体验。 在JDK 8版本及以上，Java提供了更丰富的API和功能，使得文件上传变得更加...
接下来，我们使用jQuery的Ajax方法发送JSON格式的数据到后端。例如，我们可以从一个选择框（select元素）获取值，并将其作为JSON数据发送： ```javascript var checkValue = $("#s1").val(); $.ajax({ type: ...
3. **无刷新文件上传**：指用户在上传文件的过程中，网页不会重新加载或跳转至其他页面，而是通过某种机制（如AJAX）实现在当前页面完成文件上传过程并返回结果。 #### 二、实现原理及步骤 ##### 1. 前端设计思路 ...
AjaxUpload与jQuery结合使用，可以轻松地集成到任何基于jQuery的项目中。 在前端部分，我们首先需要引入jQuery库和AjaxUpload插件的JavaScript文件。接着，创建一个HTML按钮，作为触发图片选择和上传的元素。例如：...
在用户名验证中，Struts2处理前端AJAX请求，调用后台Action类的方法进行数据库查询，并将结果以JSON或XML格式返回给前端。 **JSP（JavaServer Pages）**： JSP是动态生成HTML页面的Java技术。在本实例中，JSP可能...