`
wjcom1127
  • 浏览: 41403 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Json前后台交互操作

    博客分类:
  • WEB
阅读更多
/**
* json前后台交互操作
*/


/*
* A:
* 前台传入字符串参数
* 后台返回json字符串、或是json数组
*/


   
//前台js中
      $.ajax({
          url: "xxx/xxx.action",
          data: "id=xxx",
          cache: false,
          async: false,
          success: function(result)
      	{
		        A:接收后台返回的数组 
              var data = eval(result);
		        if (typeof(data) != "undefined" && data.length > 0) 
		        {
      			  for(var i=0;i<data.length;i++)
      			  {
			        	data[i]["id"];
			        	data[i]["name"];
      			  }
		        }
				B: 后台返回字符串、则直接接收
      	},
	        error: function(){
	            alert("table loading error...");
	        }
      });
		
		
		
		PrintWriter out = ServletActionContext.getResponse().getWriter();
		/*
		 * 后台返回json字符串
		 */
		StringBuffer string = new StringBuffer();
		string.append("");
		out.print(string);
		
		/*
		 * 后台返回json数组
		 */
        List<String> list = new ArrayList<String>();
        JSONArray jArray = JSONArray.fromObject(list);
        out.print(jArray);
    
        out.flush();
        return null;





/**
  * B: 前台传入json数组作为参数与后台进行交互
  * 后台返回数组、字符串
  */



/**
  * 前台
  */
function delCheckedData(){
            var array = new Array();
            
            $(":checkbox[name='chk'][checked=true]").each(function(){
                array.push({
                    id: $(this).val()
                });
            })
        	if (array.length > 0) {
        		
        			var gridJSON = JSON.stringify(array, function(key, value){
        				return value;
        			});

        			$.ajax({
        				url: "/xxx/xxx.action",
        				cache: false,
        				data: "idListJSON=" + gridJSON,
        				async: false,
        				success: function(result){
        					
        					var instData = eval(result);
        					//相应的处理
        				},
        				error: function(){
        					alert("Error...");
        				}
        			});
            }
        }
        /*
         * 后台接收前台的json数组并做处理
         */
        JSONArray instArray = JSONArray.fromObject("参数");
        for (int i = 0; i < instArray.size(); i++)
        {
            JSONObject instJ = (JSONObject)instArray.get(i);
            String sId = instJ.get("id").toString();
            //得到Id做相应的操作
        }
分享到:
评论

相关推荐

    json 前后台文档

    json 前后台文档 命令

    JQuery+json前后台JSON交换

    基于jQuery.getJSON和jQuery+ajax+json的两种方式的JSON前后台交互,JSON传到后台接收,处理完了返回JSON到前台展示,非常易懂,同时也给出心得体会,有文档有可运行源码,有注释。

    jquery+webservice前后台交互,返回值json

    总结来说,"jquery+webservice前后台交互,返回值json"这个示例展示了如何利用`jQuery`的`AJAX`功能与`WebService`进行数据交换,通过JSON格式传输数据,实现了高效、灵活的前后端通信。这在现代Web应用开发中是非常...

    http+json实现前后台交互

    在现代Web应用开发中,HTTP协议与JSON(JavaScript Object Notation)格式的结合已经成为前后台交互的标准方式。本文将深入探讨“HTTP+JSON”在Java服务端和Unity3D客户端中的应用,帮助开发者理解如何有效地利用这...

    c# webform无刷新前后台交互

    总结来说,C# WebForm实现无刷新前后台交互涉及的技术包括AJAX、UpdatePanel、WebMethod、jQuery、SignalR等,并且需要理解JSON数据交换、错误处理和状态管理等关键概念。通过这些技术的综合运用,开发者可以构建出...

    C# 前后台交互访问

    "C# js和后台交互"这个主题主要探讨的是如何使C#运行在服务器端,处理由JavaScript发起的请求,并将结果返回给前端。 Ajax(Asynchronous JavaScript and XML)是实现这种交互的核心技术之一,它允许网页在不刷新...

    前后台交互的实时进度条 支持多浏览器

    本资源提供的"前后台交互的实时进度条"是一个实现这一功能的解决方案,它能兼容多种浏览器,提高了用户体验。 首先,我们要理解前后台交互的原理。在Web应用中,前端(前台)负责用户界面的展示和用户的交互,而...

    juery easyui 前后台交互小demo

    总结,这个"juery easyui 前后台交互小 demo"展示了如何使用jQuery EasyUI与后台进行数据交互,包括从服务器获取JSON数据填充表格,以及用户操作后向服务器提交数据。这只是一个基础示例,实际应用中可能涉及更复杂...

    ext前后台交互实例

    "ext前后台交互实例"这一主题聚焦于如何通过JSON(JavaScript Object Notation)格式的数据进行前后端之间的通信,以实现数据的高效传输和处理。本文将深入探讨此主题,解析其中的关键概念和技术细节。 ### JSON在...

    AJAX和JSON Web开发前后台交互

    NULL 博文链接:https://alvinking.iteye.com/blog/1640849

    json实现前后台的相互传值详解.docx

    ### JSON实现前后台相互传值详解 #### 一、引言 在现代Web开发中,前后端分离架构已经成为主流趋势之一。在这种架构模式下,前端负责用户界面与交互逻辑,而后端则专注于业务逻辑处理与数据管理。为了实现前端与...

    struts2.2 项目搭建 以及与 struts2-json jquery 前后台进行交互

    在"Struts2.2 项目搭建 以及与 struts2-json jquery 前后台进行交互"的主题中,我们主要会探讨以下几个知识点: 1. **Struts2 项目搭建**: - **环境配置**:首先需要安装JDK,设置好环境变量,然后安装Apache ...

    spring-boot系列,使用JWT实现登录认证、完整的前后台交互的系统设计案例

    在本项目中,我们主要探讨的是如何利用Spring Boot框架构建一个使用JWT(JSON Web Token)进行登录认证,并结合Redis进行权限管理的完整前后台交互系统。这个案例将展示如何运用现代Web开发技术来创建高效、安全且...

    前后台交互案例

    在IT行业中,前后台交互是构建动态Web应用的关键部分,它允许用户与服务器进行实时数据交换,提升用户体验。本案例主要关注的是前端使用jQuery的AJAX方法与C#后台进行通信的技术实现。以下是对这个主题的详细阐述: ...

    Ajax与servlet后台交互,数据类型JSON

    本知识点主要探讨如何利用Ajax进行前后台数据交换,特别是当后台服务(Servlet)返回的数据类型为JSON(JavaScript Object Notation)时。 **一、Ajax简介** Ajax是一种在不刷新整个网页的情况下,与服务器交换数据...

    echarts简单的前后台交互显示

    在IT行业中,前后台交互是实现动态Web应用的关键部分,特别是在数据分析和可视化领域。本项目“SSM-Echarts-Maven 简单的前后台交互”聚焦于如何使用ECharts库来实现这样的交互,其中后台数据是静态预设的。ECharts...

    ext开发_前后台交互

    本文将深入探讨如何利用ExtJS进行前后台交互,包括其核心概念、具体操作方法以及注意事项,旨在帮助读者更好地理解和掌握这一技能。 ### ExtJS开发中的前后台交互 #### 组件ID管理与命名规范 在ExtJS开发中,组件...

    jquer ajax + json + jackson 进行前后台数据交互

    里面有所需jar包,如jackson-annotations,jackson-core,jackson-databind,jstl-1.2,mysql-connector-java-5.1.7-bin,standard,不需再花多余C币

    简单Ajax实例(带前后台交互)

    本实例以JSP页面为例,详细阐述Ajax在前后台交互中的应用。 一、Ajax基础概念 1. XMLHttpRequest对象:它是Ajax的核心,负责与服务器建立连接并发送请求,接收响应。 2. 异步:Ajax的核心特性是异步处理,这意味着...

    前台ajax与后台json传递

    "前台Ajax与后台Json传递"这个主题就是关注如何高效地实现这一交互过程。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation...

Global site tag (gtag.js) - Google Analytics