ajax向后台传递json数据,由于json数据的格式限定,所以变得ajax的参数不好写,下面看个例子:
<script type="text/javascript">
$(function (){
var jsonStr = [ {
'name' : 'jim',
'age' : 20
}, {
'name' : 'king',
'age' : 26
}, {
'name' : 'jge',
'age' : 30
} ];
var url="./AjaxDemo/toGetJsonData_reponse.jsp";
$.ajax({
type : "post",
url : url,
dataType : 'json',
data : {
'mydata' : JSON.stringify(jsonStr)//注意一定要使用JSON.stringify (在IE6,IE7中不支持)
},
success : function(data,textStatus) {
alert(data.name);
},
error : function(xhr, status, errMsg) {
alert("操作失败!");
}
});
});
</script>
注意:JSON.stringify(jsonStr)这个方法把json对象转换成json字符串,当然你也可以手动的去拼接,但是对于双引号你要自己去转义很麻烦,所以要JSON.stringify(jsonStr)方法比较方便。
后台Java端可以直接使用:request.getParamter("mydata");去取得这个json字符串即可。
相关推荐
"前台Ajax与后台Json传递"这个主题就是关注如何高效地实现这一交互过程。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation...
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...
在介绍aspx后台传递Json到前台的两种接收方法之前,我们先了解一些基础知识点。Json(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,现在已经成为一种广泛...
在Web开发中,JSON常用于服务器向客户端传递数据,特别是在Ajax请求中,因为其结构与JavaScript对象相似,解析和创建都非常方便。 **jQuery库** jQuery是一个高效、简洁、强大的JavaScript库,它简化了HTML文档...
本主题主要探讨如何在Struts2框架下利用AJAX传递和接收JSON(JavaScript Object Notation)数据,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 首先,让我们理解三种在Struts2中...
总结来说,通过这种方式,我们可以利用AJAX向Struts2 Action传递JSON数组,实现异步数据交互。这在动态更新页面内容、处理表单提交等场景下非常有用。同时,使用JSON作为数据交换格式,使得前后端的数据交换变得更加...
以上就是使用jQuery AJAX向后台传递数组参数的完整过程,包括JSON序列化和反序列化的处理。请注意,这只是一个基础示例,实际项目中可能需要考虑更多的错误处理和数据验证。同时,不同的后端框架可能有内置的JSON...
在本场景中,我们将重点讨论如何利用Struts2作为后台处理框架,与前端Ajax通过JSON(JavaScript Object Notation)数据格式进行数据交换。 **Struts2框架** Struts2是一个基于MVC(Model-View-Controller)设计模式...
在这个实例中,我们将探讨如何使用jQuery库结合PHP来通过AJAX传递JSON数据。jQuery简化了JavaScript的DOM操作和AJAX调用,使得开发更为便捷。 首先,我们来看HTML部分。HTML页面包含一个表单,用户可以输入姓名、...
AjaxJson 是一种在 Web 应用程序中实现异步数据交换的技术,它结合了 AJAX(Asynchronous JavaScript and XML)和 JSON(JavaScript Object Notation)的优势,使得网页可以在不刷新整个页面的情况下与服务器进行...
这里我们探讨的是一个基于JSP的文件上传示例,以及如何通过AJAX技术实现实时刷新,从数据库获取并返回JSON数据到前端页面。 首先,文件上传是Web应用中常见的一种用户交互方式,允许用户将本地的文件(例如图片)...
**Ajax与Json在批量数据传递中的应用** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,提高...
在本示例中,我们将探讨如何使用经纬度坐标在离线地图上标注点,并通过Ajax调用后台接口来获取Json数据。这个过程涉及到的技术栈包括Java、JavaScript、OpenLayers、HTML和CSS,这些都是构建Web地图应用的关键技术。...
**Ajax 使用JSON向服务器发送数据** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。JSON...
总结来说,通过jQuery的AJAX功能,前后台间可以方便地传递JSON数据。在实际应用中,这允许开发人员实现动态数据交互,提高用户体验,同时减少了不必要的页面刷新。需要注意的是,确保JSON格式的正确性以及在前后端...
在本文中,我们将深入探讨如何在JavaServer Pages (JSP) 中使用jQuery和Ajax来传递JSON格式的参数。这是一个常见的需求,特别是在构建交互性强、响应迅速的Web应用程序时。通过这种方式,前端和后端可以有效地交换...
实现SpringMVC、jQuery、Ajax和JSON的异步传递数据,首先需要配置SpringMVC的DispatcherServlet和相关映射。在`web.xml`中,你需要定义一个Servlet来处理所有的HTTP请求。然后,在SpringMVC的配置文件中,设置视图...
**jQuery AJAX 前后台数据传输详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery库为开发者提供了简单易用的...
当ExtJS应用需要向PHP后端提交JSON数据时,通常会使用POST请求。然而,有时直接通过`$_POST`数组获取JSON数据可能无法正常工作,这时我们需要采用不同的接收策略。以下是一个关于如何正确接收ExtJS发送的JSON POST...