`
kabike
  • 浏览: 608518 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

jquery ajax提交数组

    博客分类:
  • html
阅读更多
function bar() {
		$.ajax("jquerytest.html", {
			data : {
				choices : [ "a", "b", "c" ]
			}
			
		});
	}


这个方法调用以后,在浏览器控制台里,发现提交的url是jquerytest.html?choices%5B%5D=a&choices%5B%5D=b&choices%5B%5D=c,
这是因为在ajax发送请求之前,会调用jQuery.param()把data转换成字符串,choices是个数组,在jquery 1.4以后,就变成了choices%5B%5D=a&choices%5B%5D=b&choices%5B%5D=c的样子.
但是这样在后台就找不到"choices"这个请求参数了.

不过可以用traditional这个参数控制一下.
	function bar() {
		$.ajax("jquerytest.html", {
			data : {
				choices : [ "a", "b", "c" ]
			},
			traditional : true
		});
	}

url终于变成了jquerytest.html?choices=a&choices=b&choices=c
分享到:
评论
1 楼 sprite311 2013-10-16  
  不错 确实取到了
但是不知道为什么

相关推荐

    jquery向后台提交数组的代码分析

    下面详细探讨jquery向后台提交数组时涉及到的各个知识点。 ### jQuery向后台提交数组 #### 1. 使用$.post()方法提交数组 jQuery提供了多种方式来发送HTTP请求,其中包括$.post()方法。在需要向后台提交数组时,...

    jquery+ajax实现无刷新提交的功能

    ### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...

    AJAX和struts2传递JSON数组

    在本场景中,我们将探讨如何使用AJAX来传递JSON数组,并在Struts2的Action中接收和处理这些数据。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析...

    二维数组表单提交

    总结起来,这个项目涉及到的主要知识点包括:二维数组的使用、JQuery进行DOM操作、递归处理数据结构以及使用Ajax提交表单数据。这些技术在Web开发中非常常见,特别是对于需要处理用户输入和动态数据的交互式应用程序...

    可预览删除的jQuery多图上传ajax提交.zip

    这个名为"可预览删除的jQuery多图上传ajax提交.zip"的压缩包,显然包含了一个利用jQuery实现的多图上传功能,并且支持图片预览和删除,同时使用Ajax技术进行异步数据传输。以下将详细讲解这些知识点。 **1. jQuery...

    springmvc接收jquery提交的数组数据代码分享

    总结来说,通过SpringMVC接收前端JQuery提交的数组数据,关键在于前端正确构建数据数组并以合适的方式发送,以及后端使用 `@RequestParam` 注解正确地接收和处理数组数据。这种方法确保了数据从前端到后端的正确传输...

    jquery upload ajax方式

    **jQuery Upload AJAX方式详解** 在Web开发中,文件上传是一个常见的功能,传统的文件上传通常需要刷新整个页面,用户体验较差。随着Ajax技术的发展,无刷新上传文件成为可能,jQuery结合Ajax提供了一种优雅的解决...

    Struts2下的jQueryAjax请求(Json)

    struts2下通过jquery的ajax从后台传json对象并展示在web页面上的一个小例子,所需的jar包请自己下载否则无法运行,所需的包包括struts的必须包,json的支持包和struts对json的支持包

    jquery 向后台传 数组对象

    总结来说,使用jQuery向后台发送数组对象涉及JSON序列化、$.ajax调用以及后台的JSON解析。理解这些步骤对于实现客户端和服务器之间的数据交换至关重要。在实际项目中,根据具体需求和所选的技术栈,可能还需要考虑...

    jQuery ajax提交Form表单实例(附demo源码)

    这个例子展示了如何通过jQuery简化Form表单的AJAX提交,使得代码更易于理解和维护。此外,还可以在`ajaxSubmit`调用前进行表单验证,以确保提交的数据有效。同时,jQuery提供了丰富的插件和API,如`$.validate`用于...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    当我们谈论“PHP+jQuery+AJAX POST, GET提交表单并接收返回”时,通常涉及到以下几个步骤: 1. **创建HTML表单**:在前端,我们需要一个HTML表单来收集用户输入。表单通常包含`<form>`标签,里面可以有输入字段如`...

    jquery ajax提交表单数据的两种实现方法

    Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的...

    详谈 Jquery Ajax异步处理Json数据.

    1. Ajax与异步处理概念:异步处理指的是前台页面的JavaScript能够调用后台方法,而不需要刷新页面即可与服务器交互数据,这一技术改变了传统网页必须通过刷新才能提交数据、接收结果的交互方式。Ajax(Asynchronous ...

    Ajax表单提交插件jquery form

    总结来说,jQuery Form插件是提升Web应用表单交互体验的强大工具,它简化了Ajax提交表单的流程,同时提供了丰富的自定义选项和事件处理,使开发者能够轻松处理复杂的表单提交场景。结合后端处理,如`submit.php`,...

    jquery ajax上传文件

    **jQuery AJAX 文件上传详解** 在Web开发中,用户经常需要上传文件,比如图片、文档等。传统的表单提交方式在处理文件上传时存在一些限制,如页面刷新、无法实时反馈进度等。为了解决这些问题,jQuery提供了一种...

    jquery ajax无刷新技术

    **jQuery AJAX 无刷新技术详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。jQuery库使得AJAX操作...

    jquery ajax方法实现实例

    其中,`jQuery.ajax()`方法是实现异步数据交互的核心功能,它允许开发者与服务器进行无刷新的数据交换,极大地提升了用户体验。在这个实例中,我们将深入探讨`jQuery.ajax()`方法的使用,以及它在实际开发中的应用。...

    js+springMVC 提交数组数据到后台的实例

    本文将介绍如何在使用JavaScript与SpringMVC框架的情况下,实现从前端提交数组数据到后端的完整过程。这里提到的数组可以是任意类型的数据集合,例如用户ID列表、产品ID列表等。 首先,在前端JavaScript中,利用...

Global site tag (gtag.js) - Google Analytics