这里有两种做法。
做法1：
前端
test.jsp
<html>
<head>
<script type="text/javascript" language="JavaScript" src="/JFP/js/jquery/jquery-1.5.1.js"></script>
</head>
<body>
<table>
<tr>
<td id="Load">Button</td>
<td><input value="" size="100" /></td>
</tr>
</table>
<script>
$("#Load").click(function(){
var postData = {name:"John",location:"Boston"};
$.ajax({
url:"https://localhost:9444/HKGCB/content.jsp",
type:"POST",
data:$.toJSON( postData),
success:function(respon){
alert(respon);
},
error:function(er){
alert(er);
}
});
});
</script>
</body>
</html>
后台接受的话，我们还可以用JSONObject ，
要使用JSONObject，我们必须要导入struts2-json-plugin-xxx.jar 和 json-lib-xxx-jdk15.jar ，并且在配置文件web.xml和struts-config.xml。
做法2：
前端：
test.jsp
<html>
<head>
<script type="text/javascript" language="JavaScript" src="/JFP/js/jquery/jquery-1.5.1.js"></script>
</head>
<body>
<table>
<tr>
<td id="Load">Button</td>
<td><input value="" size="100" /></td>
</tr>
</table>
<script>
$("#Load").click(function(){
var postData = {name:"John",location:"Boston"};
$.ajax({
url:"https://localhost:9444/HKGCB/content.jsp",
type:"POST",
data:postData,
success:function(respon){
alert(respon);
},
error:function(er){
alert(er);
}
});
});
</script>
</body>
</html>
content.jsp.
后台：
My name is :
<%=request.getParameter("name")%>
只是发送json数据，不接收json的话，不需要写dataType:"json"
如果不用$.toJSON转换的话，发过去的是字符串。比如做法2
分享到：
相关推荐
本文将深入探讨如何使用jQuery的AJAX方法发送JSON对象数组到Struts2的Action，并在后端进行处理。 首先，我们了解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于...
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例，实现前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端，有兴趣的可以了解一下。
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
总结，Struts2和jQuery的Ajax JSON数据交换涉及以下几个关键步骤：配置Struts2的JSON插件，编写返回JSON数据的Action，使用jQuery发起Ajax请求并处理返回的JSON数据。通过这种方式，可以实现客户端与服务器之间的...
其中，使用jQuery的Ajax功能来读取JSON文件内容是前端开发中的常见需求，尤其在动态加载数据、实现异步交互方面发挥着重要作用。 ### 标题解析：“jQuery ajax读取json文件内容” 此标题直截了当，明确指出将通过...
jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式，它的作用是使得页面无需重新加载即可向服务器请求数据，并将数据动态地加载到页面中。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它...
在本文中，我们将探讨如何使用SSH1框架与jQuery的AJAX功能来处理JSON二维数组，特别是在实现菜单联动下拉框的场景中。SSH1（Spring、Struts、Hibernate）是Java开发中的一个流行MVC框架组合，而jQuery的AJAX功能则...
JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先，JQuery 的 AJAX（Asynchronous JavaScript and XML）功能允许...
这个简单的demo是一个很好的学习资源，帮助初学者理解如何使用jQuery的AJAX功能与后端Servlet交互，以及如何使用JSON进行数据交换。通过实践这个demo，你可以更深入地了解这些技术的实际应用。同时，它也展示了Web...
它提供了$.ajax()函数，用于发起HTTP请求，获取或发送数据。 1. **JSON（JavaScript Object Notation）**：JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。在jQuery中，我们通常...
关于"jQuery读取json数据"这个主题，我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据，以及这样做带来的优势。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于...
jQuery的Ajax方法常用于从服务器获取JSON数据，实现页面动态更新。例如，使用`$.getJSON()`获取JSON数据并更新页面： ```javascript $.getJSON('data.json', function(data) { var html = ''; $.each(data.items,...
本案例主要对比了传统Ajax和JqueryAjax在处理JSON数据时的区别和用法，这对于理解和优化Web应用的交互体验至关重要。 1. **传统Ajax操作JSON** 传统Ajax操作JSON通常涉及到以下几个步骤： - 创建XMLHttpRequest...
客户端可能有一个HTML页面，通过JavaScript调用AJAX发送请求，服务器端使用.NET处理请求，将数据以JSON格式返回。例如，一个简单的获取用户信息的接口： ```javascript // 客户端AJAX请求 function getUserInfo() {...
本教程将介绍如何利用jQuery、ajax和json技术来实现一个自动轮播图的功能。jQuery是一个轻量级的JavaScript库，极大地简化了DOM操作、事件处理和Ajax交互；ajax用于异步数据传输，使页面无需刷新即可获取新数据；...
PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法，以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...
在本文中，我们将深入探讨jQuery、Ajax以及Json在Web开发中的应用，特别是在数据交互方面的实践。标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先，jQuery是...
使用jQuery的Ajax方法时，可以方便地发送或接收JSON数据。 最后，`Servlet` 是Java EE平台中用于构建服务器端应用程序的组件，尤其适用于处理HTTP请求。Servlet可以接收客户端发送的请求，处理这些请求，并通过HTTP...
标题“PHP-JQuery-Ajax-json”揭示了这个压缩包文件主要涉及的是Web开发中的核心技术，具体包括PHP、jQuery、Ajax以及JSON。这四个元素在构建动态、交互式的Web应用程序时起着至关重要的作用。 1. **PHP（Hypertext...