简述：
需要封装一组Json格式的数据到服务器
知识点：
1. 调用jquery.json的库
2. AJAX Post 请求
Jquery下载地址
http://jquery.com/download/
Jquery.json
http://code.google.com/p/jquery-json/
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<html>
<head>
<title>发送Json格式数据</title>
<script type="text/javascript" src="./lib/js/jquery-1.8.3.js" ></script>
<script type="text/javascript" src="./lib/js/jquery.json-2.4.min.js"></script>
<script type="text/javascript">
function sendJson() {
var requestStr = {
reqStr: 'test parameter'
};
var request = {
requestId: 'asdfasdfa',
sessionId: 'asdfasdfasdf',
userName: 'Jeremy',
password:'123',
request: requestStr
};
//调用了jquery.json 库
var encoded = $.toJSON( request );
var jsonStr = encoded;
var actionStr = $("#actionPath").val();
$.ajax({
url : "${ctx}/" + actionStr,
type : 'POST',
data : jsonStr,
dataType : 'json',
//contentType : 'application/json',
success : function(data, status, xhr) {
// Do Anything After get Return data
// $.each(data.payload, function(index){
// $("#result").append("</br>" + data.payload[index].beanStr);
// });
},
Error : function(xhr, error, exception) {
// handle the error.
alert(exception.toString());
}
});
}
</script>
</head>
<body>
<!-- Send JSON -->
<B>Action Path: </B><input id="actionPath" type="text" style="width: 300px;"/>
<button class="button" id="buttonUpload" style="margin-left:10px;"
onclick="return sendJson();">Send</button>
<div id="result" >result: </div>
</body>
</html>
分享到：
相关推荐
jQuery提供了方便的方法来处理JSON数据，包括`$.getJSON()`和`$.ajax()`等函数，可以方便地从服务器获取JSON数据并将其转化为JavaScript对象，或者将JavaScript对象转换为JSON字符串发送到服务器。 **jQuery的get...
本案例将深入探讨如何使用jQuery来获取JSON数据并实现分页功能，这对于网页应用的数据展示至关重要。 首先，理解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于...
要将JSON对象转换为适合表单提交的数据格式，我们需要遍历JSON对象的键值对，构建一个字符串形式的URL编码参数。这可以通过遍历JSON对象并使用`$.param()`函数实现。`$.param()`是jQuery内部用于URL编码参数的方法...
在实际应用中，例如，当需要从服务器获取JSON数据并将其显示在网页上时，`$.ajax`或`$.getJSON`等jQuery方法可以用来发送Ajax请求。收到JSON响应后，使用`$.parseJSON`将JSON字符串解析成JavaScript对象，然后可以...
这样可以方便地将JSON数据发送到服务器，或者在需要XML结构的环境中使用。 ```javascript var json = { "person": { "name": "John", "age": 30, "city": "New York" } }; $.json2xml(json); ``` 而`jquery....
当需要接收或发送JSON数据时，可以在请求参数中设置`dataType`为'json'。 1. 发送JSON数据到服务器： ```javascript $.ajax({ url: 'your_server_url', type: 'POST', data: JSON.stringify({key1: 'value1', ...
`jquery.json-2.4.min.js` 是一个jQuery的插件，专门用于处理JSON数据。jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。这个插件将JSON的功能进一步集成到jQuery中...
总结来说，这个压缩包提供的示例是一个基于SSH后端、jQuery前端和JSON数据交换的Ajax级联操作实现，旨在展示如何优雅地处理Web应用中的动态数据加载。这种技术组合大大提高了用户体验，因为用户无需刷新整个页面就能...
JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先，JQuery 的 AJAX（Asynchronous JavaScript and XML）功能允许...
与此同时，jQuery JSON 2.3插件则为jQuery添加了对JSON（JavaScript Object Notation）数据格式的强大支持，使得数据的序列化和反序列化变得更加便捷。接下来，我们将深入探讨这两个组件的核心功能和使用方法。 一...
在给定的资源“jquery.json-2.3.js”中，我们可以看到jQuery针对JSON进行的一系列扩展，使得在JavaScript中处理JSON数据变得更加简单和高效。 首先，jQuery JSON 2.3.js的核心功能是JSON的解析和序列化。解析JSON...
JSON数据格式基础 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON是基于JavaScript的一个子集，它继承了JavaScript中对象和数组的表示方法，但...
1. 用户通过前端页面发送Ajax请求，请求由JQuery发起，数据格式为JSON。 2. Struts框架接收到请求，通过Action转发到Spring控制层。 3. Spring控制层调用业务服务，该服务可能利用Hibernate查询或修改数据库。 4. ...
jQuery支持通过AJAX获取JSON数据，并可以非常方便地将JSON数据转换为jQuery对象进行操作。 在实际应用中，通常后端会返回JSON格式的数据，前端使用jQuery来解析这些数据并动态更新页面内容。这种方式大大提高了网页...
$.getJSON是JQuery中处理JSON数据常用的一个方法，它用于从服务器获取JSON格式数据，并且可以指定当成功接收到数据时执行的回调函数来处理这些数据。 首先，了解JQuery库是学习$.getJSON方法的前提。JQuery是一个...
总结来说，"Jquery+Json实现无刷新分页插件"是利用Jquery的事件处理和Ajax功能，结合Json数据格式，实现的一种高效、用户体验友好的分页解决方案。开发者可以通过这样的插件轻松地在自己的项目中实现动态分页，同时...
使用ASP.NET AJAX，可以通过XMLHttpRequest对象与服务器进行异步通信，通常接收或发送JSON数据。 - `UpdatePanel`控件是ASP.NET AJAX的一个常见组件，它可以包装在页面上需要动态更新的部分，通过JSON数据与服务器...
在服务器端，PHP处理业务逻辑后，将数据转换为JSON格式，然后通过AJAX发送回客户端。 3. **PHP**：PHP是一种服务器端脚本语言，常用于Web开发，能够处理动态内容、数据库交互等任务。在这个例子中，PHP可能用于从...
使用这个jQuery JSON插件，开发者可以在前端更方便地处理服务器返回的JSON数据，或者将前端的数据结构转换为JSON格式发送给服务器。这有助于提升开发效率，减少错误，并且让前后端的交互更加顺畅。 在实际应用中，...
当服务器返回JSON数据后，jQuery解析这个JSON字符串，将其转换为JavaScript对象。然后，它遍历这些对象，动态地向HTML DOM（文档对象模型）添加新的选项，以构建级联菜单的子级部分。jQuery提供了丰富的DOM操作API，...