1.jsp页面javascript jquery post异步提交数据
<script type="text/javascript">
$("document").ready(function () {
$("#menu_save").click(function () {
//取得form 里面有name的input组件 格式化value值为json串
var json = $("#menuUpdate").serialize();
alert(json);
//三个参数 1.url 2. jsonStr 3.回调函数
$.post(basePath + "updateMenu.action", json, function (data) {
if (data) {
//把返回的data转换成jquery可以解析的json对象
var datas = $.parseJSON(data);
alert(datas.result);
$("#myModal").modal("hide");
window.location.reload();
}
});
});
});
</script>
2.ajax jquery post 请求action 相应ajax 数据输出
public void updateMenu() throws IOException{
//保存注册信息
//menuService.addMenu(menu);
writer = ServletActionContext.getResponse().getWriter();
JSONObject jsonObj = new JSONObject();
jsonObj.put("result","success");
writer.write(jsonObj.toString());
}
相关推荐
### JSP页面之间的传值详解 #### 一、引言 在Web开发中,数据的传递是一项基础且重要的任务。特别是在使用JSP技术时,如何有效地在不同的JSP页面或JSP与Servlet之间进行数据传输,是每个开发者都需要掌握的核心...
### jQuery 实现页面之间的传值功能 #### 一、概述 在 Web 开发中,页面间的数据传递是一项基本且重要的任务。传统的表单提交方法虽然简单有效,但在用户体验上往往不尽如人意。随着 AJAX 技术的发展,利用 ...
在开发Web应用时,我们经常会遇到字符编码的问题,特别是在使用jQuery AJAX与Servlet进行交互时。本文将详细讨论如何解决jQuery AJAX向Servlet传递...遵循这些步骤,一般可以有效解决AJAX传值到Servlet时的乱码问题。
在本案例中,主要介绍了如何利用jQuery AJAX技术实现根据JSP页面中下拉框的选择来动态控制显示不同的内容。这种交互方式常见于需要实时响应用户操作并从服务器获取数据的应用场景。 #### 一、整体思路与目标 本...
接着,我们使用jQuery的`$.ajax`方法发送POST请求到`up-ajx.jsp`,在后台通过`Request.Form("atitle")`来获取这些值。 在`up-ajx.jsp`中,你可以使用以下代码来获取和处理传递的复选框值: ```java String[] ...
本教程将详细讲解如何在Struts2(版本2.3.24.1)框架下,结合JSP页面实现AJAX请求和传递数据。 ### 一、Struts2框架简介 Struts2是基于MVC(Model-View-Controller)设计模式的Java Web框架,它提供了一种组织应用...
本实例将展示如何使用JSP和Ajax技术,实现对页面上多个复选框(checkbox)选项的选择,然后通过Ajax方式传值到服务器端进行处理。 ### JSP页面中的复选框 首先,我们要在JSP页面中创建复选框。每个复选框都有自己...
6. AJAX异步通信:介绍如何使用XMLHttpRequest对象或者jQuery的$.ajax()方法实现前端与后台的异步数据交换,以实现无刷新页面更新。 7. 安全与优化:讨论防止XSS(Cross-Site Scripting)和CSRF(Cross-Site ...
本案例主要涉及了如何在JSP页面中使用复选框(checkbox)收集用户的选择,并通过jQuery进行数据处理。 首先,复选框在HTML中通常用于让用户多选一个或多个选项。在JSP中,我们可以使用`<input type="checkbox" />`...
- **AJAX请求**:使用XMLHttpRequest对象或现代前端库(如jQuery、axios等)发送异步请求,将JavaScript变量作为请求参数发送到服务器端。在Java端,可以使用Servlet API的`HttpServletRequest.getParameter()`方法...
在JSP(Java Server Pages)页面中应用AJAX的JSON传值方式,主要是通过JavaScript来实现AJAX请求,并处理返回的JSON格式数据。在JSP页面中,通常会使用jQuery这类JavaScript库来简化AJAX调用的过程。 文档中提到的...
本篇文章将详细讲解如何在jQuery中传递值,特别是在JSP(JavaServer Pages)页面和Action(如Struts2或Spring MVC中的Action)之间进行数据传输。 首先,理解JSP页面和Action的关系至关重要。JSP是一种动态网页技术...
jsp页面: 代码如下: var clientTel = $(“#clientTel”).val(); var activityId = $(“#activityId”).val(); $.ajax({ type : “post”,//发送方式 url : “/arweb/reserve/saveCode.action”,// 路径 data : ...
3. **发送AJAX请求**:在JSP页面的JavaScript中,使用JQuery的`$.ajax`方法或者`$.getJSON`方法发起异步请求,URL指向Servlet的路径,参数为选择的省份ID。 4. **处理响应**:当Servlet返回响应后,JavaScript解析...
- 首先,页面加载完成后,后台会从数据库中获取省份和城市的数据,并传值到前端页面。 - 通过JavaScript的jQuery库,为省份下拉框添加一个onChange事件,该事件响应省份的选择变化。 - 当省份被选择时,调用setCity...
ajaxtext1.jsp 代码如下: <%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%> [removed][removed] <!– 必须包含 jquery.js文件,否则将无法传值–> <head> [removed] ...
综合上述,通过Struts2框架利用Ajax将JSON数据传值到JSP页面实现了一个无需刷新页面即可更新页面某部分数据的Web应用实例。这种技术组合简化了数据交换流程,提高了用户体验,是Web开发中常见的一种实现方式。
jQuery或者其他Ajax库可以发送异步请求到服务器,接收到JSON响应后,JavaScript可以解析JSON数据并更新DOM,实现动态页面效果。例如,使用jQuery的`$.getJSON()`或`$.ajax()`方法,可以方便地向服务器请求JSON数据,...