`
guy19867
  • 浏览: 89513 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

js数组传入后台非ajax实现

阅读更多
以前是通过AJAX从后台数据显示在页面,每条数据前加入一个checkbox,方便多条记录选择,而所有通过AJAX取得的数据都通过documnet,write写在一个form表单下,所以,非常容易解决通过checkbox选择的数据提交给后台处理,原项目使用struts1.2,现在基本上都用struts2了,可以通过一个动态DynaActionForm来获取页面表单数组数据,如

<input type="checkbox" name="ids" value='通过ajax取得的数据ID'/>

在struts-config.xml文件中配置

<form-bean name="userPayForm" type="org.apache.struts.action.DynaActionForm" >
          <form-property name="ids" type="java.lang.String[]"/>
    </form-bean>

把userPayForm和对应的处理提交的ACTION建立映射关系,在该action里面的代码:

DynaActionForm dysForm = (DynaActionForm) form;

String [] ids = (String[]) dysForm.get("ids");

就可以获得页面被选择的checkbox里面的value了,

而我现在要说的是该checkbox不在form 表单里面,而是通过该s实现把该checkbox选中的值传入一个页面一个form表单(一个页面可能有多个form表单),通过这个表单传入后台进行处理。

关于表单进行传值,你可能会想到使用隐藏域,现在就说下,怎么使用隐藏域把一个表单中checkbox选中的值通过另外一个表单传入后台的解决方法。这当然要使用javascript代码了。

1.首先就是用Js获得checkbox被选中的值,

function get_checkbox_value(){
    var a = document.getElementsByName('v_sids');//chebox的name值
   var sids = document.getElementById('sids');//另外一个表单的隐藏域<input type='hidden' id ='sids' name='sids'>

for(var i = 0;i<a.length; i++){
      if(a[i].checked==true)
      {
        sids.value += a[i].value+",";//用‘,’对数据进行隔离并合并成一个字符串
      }
}

2.后台获取表单数据,由于sids的值是一个用‘,’隔开的字符串值,在后台要进行数据拆分,

String ids = request.getParameter("ids");//通过request对象取得页面提交表单中的name值为ids的值。

String[] v_ids= ids.split(",");//进行使用','进行拆分,成为一个数组。

下面就可以对该数组进行业务逻辑处理了。

(借用他人,仅供方便学习)
分享到:
评论

相关推荐

    使用ajax实现电子商务网站中的购物车系统+源码

    可以使用JavaScript对象或数组来实现,例如: ```javascript var cart = { item1_id: {quantity: 2, price: 199}, item2_id: {quantity: 1, price: 399}, }; ``` 2. 功能需求: - 添加商品:用户选择商品后,...

    springMVC前台传数组类型,后台用list类型接收实例代码

    下面将详细介绍如何在SpringMVC中实现前台传数组类型,后台用List类型接收实例代码。 一、前台传递数组类型数据 在前台,我们可以使用JavaScript来生成一个数组,然后将其传递到后台。在本例中,我们使用jQuery的...

    JavaScript-初识ajax、ajax封装、及json简单实战案例(下).pdf

    Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器进行通信。通过创建XMLHttpRequest对象,设置HTTP请求方法(GET或POST)、URL以及请求头,然后调用open()和send()方法发送请求。当服务器响应时,...

    使用js实现将后台传入的json数据放在前台显示

    前端的JavaScript代码需要通过Ajax(Asynchronous JavaScript and XML)技术实现异步请求,从而获取这些数据。常见的实现技术包括使用原生的XMLHttpRequest对象、jQuery的$.ajax方法或者现代的Fetch API。 3. ...

    搜索提示Ajax+js智能提示【亲测】【原创】

    在IT领域,Ajax(Asynchronous JavaScript and XML)与JavaScript技术结合使用可以实现高效的网页交互,尤其是在构建搜索提示功能时,这种技术的应用尤为常见。本文将深入探讨如何利用Ajax和JavaScript来创建一个...

    ajax异步分页代码

    本篇将深入探讨如何使用Ajax实现这一功能。 首先,我们需要理解Ajax的基本原理。Ajax允许我们在不刷新整个页面的情况下,与服务器进行后台数据交互。它通过创建XMLHttpRequest对象发送HTTP请求,并处理服务器返回的...

    AJAX常见面试问题

    在实现级联时,我们可以使用二维数组存储,从后台获取到以后存储起来,根据第一个下拉框的选项,找到对应的二维数组数据,循环 new Option() add 进下拉框。 6.轮播图实现思路 在实现轮播图时,我们可以使用两种...

    js树 带缓冲效果和后台交互

    "js树"是指利用JavaScript实现的数据结构——树,通常用于展示层级关系数据,例如文件系统、组织结构或者导航菜单。在网页中,js树不仅能够提供清晰的视觉表示,还能通过用户交互来动态加载或隐藏子节点,提升用户...

    highcharts 与ajax的应用

    Ajax的核心是XMLHttpRequest对象,它允许JavaScript在后台与服务器交换数据并更新部分网页内容。通过创建XMLHttpRequest实例,设置请求方法、URL、数据格式等参数,然后发送请求,最后处理服务器返回的数据。在...

    ajax判断商品是否重复,php后台

    其中,`getGoodsCommonInfo`方法用于查询商品信息,传入的数组`array('goods_name' =&gt; $goods_name)`表示查询条件为`goods_name`等于用户输入的商品名称。 ##### 3. 返回结果 根据查询结果,使用`json_encode`函数...

    解决ajax传过来的值后台接收不到的问题

    在本文中,我们将深入探讨一个常见的前端与后端交互问题,即“解决ajax传过来的值后台接收不到的问题”。这个问题通常发生在使用JavaScript的Ajax技术向服务器发送数据时,后端无法正确获取到传递的参数。以下是一些...

    javascript向后台传送相同属性的参数即数组参数

    JavaScript 作为一种在浏览器端广泛使用的编程语言,提供了数组这一基础数据结构来帮助我们组织和管理这些数据项。 数组在JavaScript中是一种特殊类型的对象,用于存储有序的数据集合。当我们需要向服务器(后端)...

    基于Ajax和Json的批量数据传递.pdf

    它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,提高了用户体验。Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在不重新加载整个页面的情况下与服务器进行通信。 **Ajax的工作原理**...

    php ajax二级联动

    本篇文章将详细讲解如何利用PHP和AJAX实现二级联动的效果,这种效果常见于下拉菜单选择,如地区选择、分类导航等,能够提升用户的操作体验。 首先,我们要理解PHP是一种服务器端的脚本语言,它主要用于处理HTTP请求...

    ajax 概述

    通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的部分内容进行更新。 #### 基本原理 AJAX的核心是JavaScript对象`XMLHttpRequest`。它允许...

    Spring MVC不能直接接收list类型参数的问题

    当前端使用 jQuery 向后台传递数组类型的参数时,Java 后台尝试直接通过 `List` 类型来接收这些参数,却发现无法取到任何数据。例如: **前端代码示例**: ```javascript $.ajax({ url: "xxxx", data: { areaList...

    IE8下Jquery获取select选中的值post到后台报错问题

    IE8下Jquery获取select选中的值post到后台报错的问题,主要原因是IE8浏览器在使用jquery获取select元素选中的值时,将其错误地识别为了数组。在非IE8浏览器中,比如Firefox、Chrome等,使用jquery获取select元素的...

    asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码

    在讨论如何在***中使用jQuery的AJAX、WebService和JSON实现无刷新取后台值之前,我们需要先理解一些关键概念。AJAX代表异步JavaScript和XML,是一种在不重新加载页面的情况下与服务器交换数据并更新部分网页的技术。...

    Ajax 使用JSON向服务器发送数据

    它通过在后台与服务器进行少量数据交换,使网页实现异步更新。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在现代Web开发中,Ajax和JSON经常结合...

    jQuery向后台传入json格式数据的方法

    通过实例的分析,我们可以看到,要实现jQuery向后台传入JSON格式数据并不复杂,关键在于对数据序列化的理解和正确的设置AJAX请求配置。这样,我们就可以更有效地利用JSON进行前后端数据交互,提高数据处理效率,同时...

Global site tag (gtag.js) - Google Analytics