AJAX Json Object

最新推荐文章于 2021-08-06 12:16:42 发布
最新推荐文章于 2021-08-06 12:16:42 发布
阅读量329 收藏
点赞数
文章标签： ajax json string exception function button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/arlen_ye/article/details/6950928
版权

This is the text to descibe how to use AJAX edit the page list.

 Json dojo ArrayList critical object:


1.  jsp

<!-- load dojo and provide config via data attribute -->
<script type="text/javascript" 
src="<%=request.getContextPath()%>/js/dojo-toolkit-1.4.1/dojo/dojo.js"></script>
<script type="text/javascript" 
src="<%=request.getContextPath()%>/js/json2.js"></script>
<script type="text/javascript" 
src="<%=request.getContextPath()%>/js/json_sans_eval.js"></script>

<script>
// Function that refreshes a node's content
function sendForm() {
// Get the result node
var resultNode = dojo.byId("formResultNode");
// Using dojo.xhrGet, as very little information is being sent
dojo.xhrPost({
// The URL of the request
url: "validate.sv",
// Form to send
form: dojo.byId("formNode"),
// The success callback with result from server
load: function(data) {
dojo.style(resultNode,"display","block");
   var myobj = jsonParse(data); 
   for (var k in myobj) {
 alert(k + '=' + myobj[k].name + myobj[k].bio);
}    
resultNode.innerHTML = data;
},
// The error handler
error: function() {
resultNode.innerHTML = "Your form could not be sent.";
}
});
}
 
</script>


2. import net.sf.json.JSONArray;


TestObject obj = new TestObject(); 
TestObject obj2 = new TestObject(); 
     try {               
         obj.setName(request.getParameter("name")); 
         obj.setBio(request.getParameter("bio"));
         obj.setFavoriteColor(request.getParameter("favoriteColor"));
         obj.setDojoUser(request.getParameter("dojoUser"));
         obj.setFavoriteDays(request.getParameterValues("favoriteDays[]"));
         
         obj2.setName(request.getParameter("name")+"2"); 
         obj2.setBio(request.getParameter("bio")+"2");
         obj2.setFavoriteColor(request.getParameter("favoriteColor")+"2");
         obj2.setDojoUser(request.getParameter("dojoUser")+"2");
         obj2.setFavoriteDays(request.getParameterValues("favoriteDays[]"));
     } catch (Exception e) {     
         e.printStackTrace();     
     }     
          
     List list = new ArrayList();
     list.add(obj);
     list.add(obj2);
     
     JSONArray resultJSON = new JSONArray();     
              try {     
              resultJSON =  JSONArray.fromObject(list);      
                  System.out.println(resultJSON.toString());     
              } catch (Exception e) {     
                  e.printStackTrace();     
              }    

             
response.setContentType("text/json");               
response.getWriter().println(resultJSON.toString());  



3. jars and js files.

 

<script type="text/javascript" src='<c:out value="${ctx}" />/js/prototype/prototype.js'></script>
 

json and xml compare

 http://wenku.baidu.com/view/49800b83d4d8d15abe234e83.html

 

 

<display:column title="" media="html" style="width: 220px;">
     <input type="hidden" id="update_option_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>"
     name="updateOption" value="edit">
     <input type="hidden" id="proftCtrId_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>"
     value="<c:out value="${mapping.proftCtrId}" />">
     
     <a href="#" style="display: none" id="add_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>"
     οnclick="add_entry('<c:out value="${mapping.cntryId}"/>','<c:out value="${mapping.segId}"/>')">Add</a>
     
     <div style="display: none" id="new_div_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>">
      <input align="left" type="text" id="new_id_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>">
      <input type="button" value="Save" id="save_button_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>"
      οnclick="save_entry('<c:out value="${ctx}"/>/profitcentermapping/save.action?cntryId=<c:out value="${mapping.cntryId}"/>&cntryName=<c:out value="${mapping.cntryName}"/>&segId=<c:out value="${mapping.segId}"/>&segName=<c:out value="${mapping.segName}"/>','<c:out value="${mapping.cntryId}"/>','<c:out value="${mapping.segId}"/>')">
      <input type="button" value="Cancel" id="cancel_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>"
      οnclick="cancel_entry('<c:out value="${mapping.cntryId}"/>','<c:out value="${mapping.segId}"/>')" >
     </div>     
     <span style="display: block" id="pc_id_name_<c:out value="${mapping.cntryId}"/>_<c:out value="${mapping.segId}"/>" >
      <c:out value="${mapping.proftCtrId}" />&nbsp;&nbsp;&nbsp;<c:out value="${mapping.proftCtrName}" />
     </span>
    </display:column>
    

 

 

function save_entry(action,cntryId,segId){
 var newProftCtrId = document.getElementById("new_id_"+cntryId+"_"+segId);
 var update_option=document.getElementById("update_option_"+cntryId+"_"+segId);
 var url=action+"&proftCtrId="+newProftCtrId.value+"&updateOption="+update_option.value;
  new Ajax.Request(url,  
   { method:'get',
     onLoading:onLoad(cntryId,segId),
     onSuccess: function(transport){
     var response = transport.responseXML; 
     var val=
     response.getElementsByTagName("passed")[0].firstChild.data; 
     var msg=
     response.getElementsByTagName("message")[0].firstChild.data;
  
        var proftCtrId=
     response.getElementsByTagName("proftCtrId")[0].firstChild.data; 
     var proftCtrName=
     response.getElementsByTagName("proftCtrName")[0].firstChild.data;
     var modifiedBy =
       response.getElementsByTagName("modifiedBy")[0].firstChild.data;
     var modifiedOn =
       response.getElementsByTagName("modifiedOn")[0].firstChild.data;
       
     //alert(val+msg+proftCtrId+proftCtrName+modifiedBy+modifiedOn); 

      if(val=='true'){
         //update hidden proftCtrId
         var hiddenProftCtrId=document.getElementById("proftCtrId_"+cntryId+"_"+segId);
         hiddenProftCtrId.value = proftCtrId;
       //change status to update_option_
       var updateOption=document.getElementById("update_option_"+cntryId+"_"+segId);
       updateOption.value="edit";
       //hide new_div_
       var newDiv=document.getElementById("new_div_"+cntryId+"_"+segId);
       newDiv.style.display = "none";
       //set value and display span for profit center id and name
       var pcIdName = document.getElementById("pc_id_name_"+cntryId+"_"+segId);
       pcIdName.style.display = "block";
       pcIdName.innerHTML = proftCtrId+"&nbsp;&nbsp;&nbsp;"+proftCtrName;
       //display edit_div_
       var editDiv = document.getElementById("edit_div_"+cntryId+"_"+segId);
       editDiv.style.display = "block";
       // set innerText and display modified date span
       var dateSpan = document.getElementById("date_span_"+cntryId+"_"+segId);
       dateSpan.innerText = modifiedOn;
       dateSpan.style.display = "block";
       // set innerText and display modified user span
       var userSpan = document.getElementById("user_span_"+cntryId+"_"+segId);
       userSpan.innerText = modifiedBy;
       dateSpan.style.display = "block";

      }else{
       alert(msg);
      }
     },  
     onFailure: function(){
      alert('Something went wrong...');
     }  
    });
   
 ;
}

 

 

 

function check_entry(action, cntryId, segId){
var proftCtrId = document.getElementById("new_id_"+cntryId+"_"+segId);
var url = action+"?proftCtrId="+proftCtrId.value;
alert(url);
new Ajax.Request(url,  
   { method:'get',
     onSuccess: function(transport){
     var response = transport.responseXML; 
     var val=
     response.getElementsByTagName("passed")[0].firstChild.data; 
     alert(val);
     var msg=
     response.getElementsByTagName("message")[0].firstChild.data;
  
     alert(msg); 
     var proftCtrName = document.getElementById("new_name_"+cntryId+"_"+segId);
     var saveButton = document.getElementById("save_button_"+cntryId+"_"+segId);
     if(val=='true'){
      saveButton.style.display = "block";
     }else{
      saveButton.style.display = "none";
     }
    
     proftCtrName.innerText =  msg;
     },    
     onFailure: function(){
     alert('Something went wrong...') }  
     });
}

 

 

function delete_entry(action,cntryId, segId){
 var proftCtrId = document.getElementById("new_id_"+cntryId+"_"+segId);
 var url=action+"?cntryId="+cntryId+"&segId="+segId+"&proftCtrId="+proftCtrId;
 if(confirm("Delete entry ?")){
  new Ajax.Request(url,  
   { method:'get',
     onSuccess: function(transport){
     var response = transport.responseXML; 
     var val=
     response.getElementsByTagName("passed")[0].firstChild.data; 
     var msg=
     response.getElementsByTagName("message")[0].firstChild.data;
  
       if(val=='true'){
         //update hidden proftCtrId
         var hiddenProftCtrId=document.getElementById("proftCtrId_"+cntryId+"_"+segId);
         hiddenProftCtrId.value = "";
       //change status to update_option_
       var updateOption=document.getElementById("update_option_"+cntryId+"_"+segId);
       updateOption.value="add";
       //display add_
       var addLink=document.getElementById("add_"+cntryId+"_"+segId);
       addLink.style.display = "block";
       //hide new_div_
       var newDiv=document.getElementById("new_div_"+cntryId+"_"+segId);
       newDiv.style.display = "none";
       //clean value and hide span for profit center id and name
       var pcIdName = document.getElementById("pc_id_name_"+cntryId+"_"+segId);
       pcIdName.style.display = "none";
       pcIdName.innerHTML = "";//proftCtrId+"&nbsp;&nbsp;&nbsp;"+proftCtrName;  deleted
       //hide edit_div_
       var editDiv = document.getElementById("edit_div_"+cntryId+"_"+segId);
       editDiv.style.display = "none";
       // clean innerText and hide modified date span
       var dateSpan = document.getElementById("date_span_"+cntryId+"_"+segId);
       dateSpan.innerText = "";
       dateSpan.style.display = "none";
       // clean innerText and hide modified user span
       var userSpan = document.getElementById("user_span_"+cntryId+"_"+segId);
       userSpan.innerText = "";
       dateSpan.style.display = "none";
      }else{
       alert(msg);
      }
     },    
     onFailure: function(){
     alert('Something went wrong...') }  
     });
 }
}

 

 

/*
  * AJAX stuff
  * depends on the value of updateOption. will do insert or update to database
  * return XML to client
  */
 public void save() throws Exception{
     boolean passed = false;
     String msg = "Nothing found to display."; 
  response.setContentType("text/xml");
  response.setHeader("Cache-Control", "no-cache");
     String proftCtrId = request.getParameter("proftCtrId");
     String proftCtrName = profitCenterMappingDao.existPC(proftCtrId);
     boolean pcWithMapping = profitCenterMappingDao.existPCM(proftCtrId);
     if(proftCtrName==null){
      returnNoSuchProftCtrXML(passed,msg,proftCtrId);
      log.info("can not find profit center: "+proftCtrId);
     }else if(pcWithMapping){
      returnDuplicateProftCtrXML(passed,msg,proftCtrId);
      log.info("profit center: "+proftCtrId+" has been mapped.");
     }else{
      
   UserDataBean userData = (UserDataBean)request.getSession().getAttribute(WWMDConstants.SESS_USER_DATA_BEAN);
   String currentUserName = userData.getUsername();

      String cntryId = request.getParameter("cntryId");
      String cntryName =  request.getParameter("cntryName");
      String segId =  request.getParameter("segId");
      String segName =  request.getParameter("segName");
      String updateOption =  request.getParameter("updateOption");
      Date currentDate = getCurrentDate();
      String date = formatDate(currentDate);
   
      ProfitCenterMapping pcm= new ProfitCenterMapping();
      pcm.setCntryId(cntryId);
      pcm.setCntryName(cntryName);
      pcm.setSegId(segId);
      pcm.setSegName(segName);
      pcm.setModifiedBy(currentUserName);
      pcm.setModifiedOn(currentDate);
      pcm.setProftCtrId(proftCtrId);
      pcm.setProftCtrName(proftCtrName);
   
      if (UPDATE_ADD.equalsIgnoreCase(updateOption)){
       passed = profitCenterMappingDao.addProfitCenterMapping(pcm);
          if(passed){
           msg = "add success!";
           log.info("added profit center. id:"+proftCtrId+" name:"+proftCtrName);
          }
      }else if(UPDATE_EDIT.equalsIgnoreCase(updateOption)){
       passed = profitCenterMappingDao.updateProfitCenterMapping(pcm);
          if(passed){
           msg = "modify success!";
           log.info("updated profit center. id:"+proftCtrId+" name:"+proftCtrName);
          }
      }
      if(passed){
          pcm = profitCenterMappingDao.getPCM(cntryId, segId);
      }
     
      returnProftCtrXML(passed,msg,pcm);
     
     
     }
 }

 

 

 

 

private void returnProftCtrXML(boolean passed,String msg,ProfitCenterMapping pcm)throws Exception{
  String proftCtrName = HTMLEncoder.htmlEncode(pcm.getProftCtrName());
  log.info("encode profit center name from "+pcm.getProftCtrName()+" to "+proftCtrName);
  
     PrintWriter pw = response.getWriter();
     pw.println("<response>");
     pw.println("<passed>"+passed+"</passed>");
     pw.println("<message>" + msg + "</message>");
     pw.println("<proftCtrId>"+pcm.getProftCtrId()+"</proftCtrId>");
     pw.println("<proftCtrName>" + proftCtrName + "</proftCtrName>");
     pw.println("<modifiedBy>"+pcm.getModifiedBy()+"</modifiedBy>");
     pw.println("<modifiedOn>" + formatDate(pcm.getModifiedOn()) + "</modifiedOn>");
     pw.println("</response>");
     pw.close();
 }

 

 

 

/**
  * AJAX stuff
  * Deletes current mapping.
  */
 public void remove()throws Exception{
  boolean passed = false;
     String msg = "remove failed!";  
  response.setContentType("text/xml");
  response.setHeader("Cache-Control", "no-cache");
  
     String cntryId = request.getParameter("cntryId");
     String segId =  request.getParameter("segId");

     ProfitCenterMapping pcm= new ProfitCenterMapping();
     pcm.setCntryId(cntryId);
     pcm.setSegId(segId);

     pcm = profitCenterMappingDao.getPCM( cntryId, segId);
     passed = profitCenterMappingDao.deleteProfitCenterMapping(pcm);
     if(passed){msg = "remove success!";}
  PrintWriter pw = response.getWriter();
  pw.println("<response>");
  pw.println("<passed>"+passed+"</passed>");
  pw.println("<message>" + msg + "</message>");
  pw.println("</response>");
  pw.close();
  log.info("deleted profit center id:"+pcm.getProftCtrId()+" name:"+pcm.getProftCtrName());
 }

 

 

 

private void returnNoSuchProftCtrXML(boolean passed,String msg,String proftCtrId)throws Exception{
  msg = "Failed! Profit center "+proftCtrId+" is not exist.";
  PrintWriter pw = response.getWriter();
     pw.println("<response>");
     pw.println("<passed>"+passed+"</passed>");
     pw.println("<message>" + msg + "</message>");
     pw.println("<proftCtrId>"+msg+"</proftCtrId>");
     pw.println("<proftCtrName>" +msg + "</proftCtrName>");
     pw.println("<modifiedBy>"+msg+"</modifiedBy>");
     pw.println("<modifiedOn>" + msg + "</modifiedOn>");
     pw.println("</response>");
     pw.close();
 }
 private void returnDuplicateProftCtrXML(boolean passed,String msg,String proftCtrId)throws Exception{
  msg = "Duplicate! Profit center "+proftCtrId+" has been mapped.";
     PrintWriter pw = response.getWriter();
     pw.println("<response>");
     pw.println("<passed>"+passed+"</passed>");
     pw.println("<message>" + msg + "</message>");
     pw.println("<proftCtrId>"+msg+"</proftCtrId>");
     pw.println("<proftCtrName>" +msg + "</proftCtrName>");
     pw.println("<modifiedBy>"+msg+"</modifiedBy>");
     pw.println("<modifiedOn>" + msg + "</modifiedOn>");
     pw.println("</response>");
     pw.close();
 }

 

 

AI云海
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax原理与Json数据的操作
weixin_45539338的博客
05-08 402
熟悉Ajax原理,掌握json数据请求方式
AjaxJson实体类与依赖包
10-09
public AjaxJson(int code, String msg, Object data) { this.code = code; this.msg = msg; this.data = data; } } ``` 在实际应用中，当后端服务器处理完请求后，可以创建一个`AjaxJson`实例，设置相应的...
ajax json实现异步联动_JSONObject
03-06
json-lib包 博文链接：https://yanglei008.iteye.com/blog/215878
AJAX 请求JSON数据返回 [Object]
Test_Box
07-16 4869
&lt;script type="text/javascript"&gt; function TestAjax(){ $.ajax({ type: "POST", async: false, //异步执行 url: "sql.php", //...
JSON傳送與接收
热门推荐
林信良（良葛格）的专栏
03-09 1万+
在 JSON 中我們已經介紹過其基本格式，與XML相同，JSON只是一個文字格式，只要客戶端與伺服端可以剖析它，就可以利用它作為傳送資料的格式，但它是JavaScript的核心特性之一，所以在JavaScript中使用JSON作為資料格式很方便，您還可以在 http://www.json.org 找到處理JSON的程式庫，包括客戶端JavaScript library與伺服端的library。
ajax与jsonobject,jQuery高级编程之js对象、json与ajax用法实例分析
weixin_33910305的博客
08-06 257
本文实例讲述了jQuery高级编程之js对象、json与ajax用法。分享给大家供大家参考，具体如下：js对象创建js对象的两种方式：1.通过new Object创建：var p1 = new Object();// 设置属性,和方法p1.name = "张三";p1.age = 13;p1.study = function(){console.log(p1.name + "正在学习,葵花宝典")...
AJAXjson分页
07-07
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它以易于阅读和编写的形式，同时对人和机器都非常友好。在前后端分离的架构中，JSON常作为数据传输的载体，因为它能被JavaScript直接解析。 在AJAX...
json.zip_JSON_ajax json
09-19
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它以其简洁明了的文本形式，易于人阅读和编写，同时也方便机器解析和生成。在Web开发中，JSON被广泛用于AJAX（Asynchronous JavaScript and XML）...
ajax返回object Object的快速解决方法
10-21
然而，当服务器返回的数据不是标准的JSON格式，或者包含其他非JSON数据时，jQuery的AJAX方法可能无法正确解析，导致返回的结果是"object Object"。 解决这个问题的一种方法是使用`complete`回调函数，而不是`...
Ajax json
07-21
然而，尽管名字中含有XML，但实际应用中，更常见的是使用JSON（JavaScript Object Notation）作为数据交换格式，因为JSON更轻量级、更易于读写，且与JavaScript语法紧密关联。 **一、Ajax的工作原理** 1. **创建...
JSONP与JSONPObject结合解决ajax跨域
黑橙子君的博客
01-16 6937
package com.jeeplus.modules.app.tjcclz.com.sales.performance.web; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springfra
JSP学习笔记（十四）：关于ajax请求成功时返回的是jsonSring还是jsonObject的问题
汤圆学Java
01-05 1456
get请求时，成功返回jsonString post请求时，成功返回jsonObject(虽然后台是先转成字符串才返回的，这个还不清楚原因) 页面调试信息： 请求头：Content-Type:application/json; 响应头：Content-Type:application/json; 下面是代码： //get请求，返回jsonString $.ajax({ url:"c
ajax如何处理object,前端页面中如何处理ajax异步请求返回的JSONObject数据
weixin_28921621的博客
08-05 664
数据内容为JSONObject/*** 封装返回的信息* @param statusCode 状态码* @param msg 消息* @param json 数据内容* @return*/public static String writeMsg(int statusCode, String msg,JSONObject json) {JSONObject jsonse = new JS...
AJAx使用json与后台交互数据之JSONObject
白开水的世界
06-01 418
&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName(...
ajax解析json中的对象,jqueryajax获取json并解析，获取的json是object对象格式
weixin_36026999的博客
08-06 804
jqueryajax获取json并解析，获取的json是object对象格式。这里是没有参数的get方式：functiontryapitest(){$.ajax({url:"/api/category/top/all",type:"get",dataType:"json",success:function(data){console.log(data);},error:function(X...
锋利的JQuery：Ajax方法获取后端Json数据（Object、List、Map）并遍历
Jake Weng
03-10 4331
一、准备工作 1.1 建立SpringBoot项目 使用IntelliJ IDEA建立SpringBoot项目，引入Lombok 和Web两个依赖。 1.2 确定项目目录结构 项目目录结构如下图，需要注意的是前端资源放在static文件夹下： 二、代码 2.1 后端代码 2.1.1 控制层 JsonController.java package com.cloudpig.ajaxjson.con...
在进行Ajax请求数据是返回的Json数据显示Object object。。。。。
曹同学的博客
05-19 3294
只需要在打印前先转化一下也就是 JSON.stringify(data) 然后 alert（JSON.stringify(data)） 就可以看到数据了。
ajax 返回数据，alert后显示object类型，如何处理
qq_31971935的博客
09-06 9898
今天在做ajax调用webapi接口的时候，用的是fidder调试的。能看到返回的数据是xml,类似于json格式，用alert(data)，始终都是object类型的。但是在读取值的时候，始终不知道该如何取值，试了N种方式取值还是取不到。最后用了json对象转json字符串:alert(JSON.stringify(data));直接可以看到json字符串了，就一下明白该如何取值了。
django ajax 返回 object json pase 报错
最新发布
09-02
当我们在使用Django中的Ajax进行对象的JSON返回时，如果出现了"json pase"的报错，通常是由于返回的JSON数据无法正确解析，导致报错。 这种问题可能有多种原因。首先，需要确保对象的JSON序列化过程正确执行。在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值