简述：
需要封装一组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折磨了一番，倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集，将dataSet转换成json并返回给客户端，客户端用jquery getJson方法解析出来并显示在页面上。...
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例，实现前端通过jQuery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端，有兴趣的可以了解一下。
本项目使用了jQuery的get/post两种方法提交Json格式的数据到后台，后台再把Json格式的数据传到前台。实现了JSON字符串和JSON对象之间的转换。
Jquery中使用ajax,表单post提交数据 插入oracle数据库， html对应的文件中 将form 表单数据 转化为json 格式
代码如下://栏目 //发送ajax请求 $.getJSON( “../../../Templet/GetInfoHandler.ashx”, //产生JSON数据的服务端页面 {id: “0”, sid: “1;2;3”, rid: Math.round(Math.random() * 10) }, //向服务器发出的查询...
jquery调用基于.NET Framework 3.5的WebService返回JSON数据
php基于jquery的ajax技术传递json数据简洁实例_.docx
jquery $.post()的用法 传递json文本 客户端和服务器端相互传递
在.NET中使用AJAX技术来做服务器端和客户端交互，用JSON做为在异步应用程序中发送和接收信息的数据格式。
一、AjaxJson.aspx 处理业务数据，产生JSon数据，供JqueryRequest.aspx调用，代码如下: 代码如下: protected void Page_Load(object sender, EventArgs e) { string u = Request[“UserName”]; string p = Request...
下面的代码演示了如何将客户端表单数据封装成JSON格式，然后通过JQuery的Ajax请求将数据发送到服务端，并最终将数据存储到数据库中。服务端定义为一个.ashx文件，事实上你可以将服务端定义为任何能接收并处理客户端...
jquery的ajax异步请求接收返回json数据方法设置简单，一个是服务器处理程序是返回json数据，另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。 代码示例如下： 代码如下: $(‘#send’).click...
Ajax请求接口，Django框架下从该接口接收Ajax发送的json数据，同时将新的json数据返回给Ajax，Ajax收到后在js进行处理，然后和页面内容交互。整个数据前后端交互全部采用json格式。代码高度封装，只需要更改json内容...
在列表页的底部有个“更多”链接，通过触发该链接，向服务端发送Ajax请求，后台ASP程序接收请求参数，并作出相应，获取数据库相应的记录并以JSON的形式返回给前台页面，前台页面jQuery解析JSON数据，并将数据追加到...
data: 可选项，发送到服务器的数据，格式是key/value callback:可选项，加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息。如下: [ { "name":"张国立", "sex":"男", "email":...
JSON(JavaScript Object ...本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识，并能熟练运用。 XHTML <li><a>张三</a></li> <li
基于SSH2的jquery实例，json格式发送接收数据。
url: 发送请求的地址data : (可选) 待发送key/value参数callback: (可选) 载入成功时的回调函数主要用于客户端获取服务器JSON数据。简单示例： 服务器脚本，返回JSON数据： 代码如下:// $.getJSON.php$arr=array(...
该示例程序中的所有渲染实现都通过Jquery Ajax方法 触发指定的URL，根据该URL调用指定的控件器方法，控件器方法经过一系列执行操作后，向Jquery Ajax方法发送JSON格式的渲染数据，最后通过Jquery语言调用JSON格式的...