`

标准jquery ajax ,接收json数据

 
阅读更多
content.jsp. 


<%
String mname=(String)request.getParameter("name");
out.println("{\"comments\":[{\"name\":\""+mname+"\",\"id\":1,\"nickname\":\"King\"},{\"name\":\"Ben\",\"id\":2,\"nickname\":\"Bow\"}]}");
%>

这里转义号和mname之间格式要注意， mname如果是字符串，那一定两边要加双引号。否则json不能解析。

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=Tian Cai';
		$.ajax({
			url:"https://localhost:9444/HKGCB/content.jsp",
			type:"POST",
			data:postData,
			dataType:"json",
			success:function(respon){
				$.each(respon.comments, function(index,item){
							alert(item.name);
				});
			},
			error:function(er){
				alert(er);
			}
		});
});
</script>
</body>
</html>
分享到：
| 标准jquery ajax ,发送json数据
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例，实现前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端，有兴趣的可以了解一下。

    Struts2 与Jquery Ajax的json数据交换的典型范例

    在jQuery的success回调函数中，你可以接收到服务器返回的JSON数据，并将其绑定到页面元素上进行展示。例如： ```javascript success: function(response) { var result = response.response; $('#display').html...

    jquery的ajax传json对象数组到struts2的action

    在Struts2 Action端，我们需要配置Action类来接收JSON数据。首先，确保你在`struts.xml`配置文件中启用了JSON插件： ```xml &lt;package name="default" namespace="/" extends="json-default"&gt; &lt;!-- ... --&gt; ``` ...

    Jquery ajax json 总结

    在客户端，接收到 JSON 数据后，JQuery AJAX 的回调函数可以解析并处理这些数据。对于 JSON 对象，可以使用 `eval()` 或 `JSON.parse()`（推荐）将其转换为 JavaScript 对象，然后通过点号或方括号语法访问其属性。...

    jquery ajax servlet json简单demo

    4. 客户端的AJAX success回调接收到JSON数据，并将其解析成JavaScript对象，可能更新DOM元素以展示新数据。 这个简单的demo是一个很好的学习资源，帮助初学者理解如何使用jQuery的AJAX功能与后端Servlet交互，以及...

    jquery ajax用json传值实例asp.net

    3. **ASP.NET后端处理**：在ASP.NET中，我们可以使用`PageMethods`或者`WebAPI`来接收和处理JSON数据。例如，如果使用PageMethods，你可以在代码-behind文件（如.aspx.cs）中定义一个公共静态方法： ```csharp ...

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题，我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据，以及这样做带来的优势。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于...

    jQuery ajax读取json文件内容

    此外，jQuery还提供了`.getJSON()`方法，它是`.ajax()`的一个简化的版本，专门用于获取JSON数据： ```javascript $.getJSON('path_to_your_json_file.json', function(data) { console.log(data); // 处理JSON...

    php基于jquery的ajax技术传递json数据简单实例.docx

    PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法，以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...

    传统Ajax和JqueryAjax操作Json对比案例

    本案例主要对比了传统Ajax和JqueryAjax在处理JSON数据时的区别和用法，这对于理解和优化Web应用的交互体验至关重要。 1. **传统Ajax操作JSON** 传统Ajax操作JSON通常涉及到以下几个步骤： - 创建XMLHttpRequest...

    JQuery AJAX跨域提交参数、接收json数据.docx

    JQuery AJAX 跨域提交参数、接收 JSON 数据 JQuery 的 AJAX 功能是实现异步数据交互的核心部分，对于跨域提交参数和接收 JSON 数据的需求，JQuery 提供了多种解决方案。 首先，JQuery 的 AJAX 功能可以使用 `$....

    Jquery+ajax+json+servlet

    使用jQuery的Ajax方法时，可以方便地发送或接收JSON数据。 最后，`Servlet` 是Java EE平台中用于构建服务器端应用程序的组件，尤其适用于处理HTTP请求。Servlet可以接收客户端发送的请求，处理这些请求，并通过HTTP...

    SSH框架ajax获取的json格式数据处理过程

    首先，我们使用 JQuery 的 Ajax 方法来获取 JSON 数据，然后使用 JQuery 的 parseJSON 方法来解析 JSON 数据。 三、菜单联动下拉框的实现 要实现菜单联动下拉框，我们需要使用 JavaScript 和 HTML 代码来实现。...

    jquery ajax接收后台传值

    ### jQuery AJAX 接收后台传值 在本案例中，主要介绍了如何利用jQuery AJAX技术实现根据JSP页面中下拉框的选择来动态控制显示不同的内容。这种交互方式常见于需要实时响应用户操作并从服务器获取数据的应用场景。 ...

    jquery ajax json 的例子

    总结一下，这个例子展示了如何使用jQuery的AJAX功能与服务器进行通信，获取JSON数据并在前端处理和展示。通过这种方式，我们可以实现动态的、无刷新的用户体验，这是现代Web应用程序不可或缺的一部分。理解并熟练...

    ThinkPHP中使用ajax接收json数据的方法

    本篇文章将详细讲解如何在ThinkPHP中使用AJAX接收JSON数据。 首先，我们需要理解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成。在前后端通信中，...

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

    通过以上的知识点，可以了解到在Jquery Ajax异步处理JSON数据的过程中，开发者需要了解前端如何发送请求、指定期望的响应数据类型、以及如何在回调函数中处理服务器返回的JSON格式数据。这种机制使得Web应用可以提供...

    springmvc + jquery + ajax + json 异步传递数据

    这个例子中，前端通过Ajax向服务器的'/api/data'路径发送GET请求，期望返回JSON数据。当请求成功时，将在页面上显示接收到的message字段的值。 总的来说，SpringMVC、jQuery、Ajax和JSON的结合，为Web应用提供了一...

    ajax操作json数据

    在这个过程中，"Ajax_JSON"可能是包含这个示例代码的文件夹或者文件，用于演示如何使用AJAX与服务器交互，接收并处理JSON数据。 总结起来，"ajax操作json数据"的主题涉及到利用AJAX进行异步通信，结合JSON作为数据...

    jquery ajax json struts2最简单例子测试成功

    2. **JSON与Struts2的结合**：Struts2 Action执行后返回一个JSON字符串，这个字符串被jQuery AJAX请求接收。通过Struts2的插件，如struts2-json-plugin，可以在Action类中直接返回一个包含JSON数据的对象，Struts2会...

Magicbox
Global site tag (gtag.js) - Google Analytics