JQuery 发送Json格式数据

最新推荐文章于 2023-07-31 08:10:00 发布

kendyhj9999

最新推荐文章于 2023-07-31 08:10:00 发布

阅读量843

点赞数

分类专栏： Web前端

Web前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

http://blog.csdn.net/anialy/article/details/8591651

简述：

需要封装一组Json格式的数据到服务器

知识点：

1. 调用jquery.json的库

2. AJAX Post 请求

Jquery下载地址

http://jquery.com/download/

Jquery.json

http://code.google.com/p/jquery-json/

代码：

testSendJson.jsp

[html]view plaincopy 
   
 <%@ 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>  

输出：

kendyhj9999

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery 发送Json格式数据

http://blog.csdn.net/anialy/article/details/8591651简述：需要封装一组Json格式的数据到服务器知识点：1. 调用jquery.json的库2. AJAX Post 请求Jquery下载地址http://jquery.com/download/J
复制链接

扫一扫