/**
* 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 前后台文档 命令
基于jQuery.getJSON和jQuery+ajax+json的两种方式的JSON前后台交互,JSON传到后台接收,处理完了返回JSON到前台展示,非常易懂,同时也给出心得体会,有文档有可运行源码,有注释。
总结来说,"jquery+webservice前后台交互,返回值json"这个示例展示了如何利用`jQuery`的`AJAX`功能与`WebService`进行数据交换,通过JSON格式传输数据,实现了高效、灵活的前后端通信。这在现代Web应用开发中是非常...
在现代Web应用开发中,HTTP协议与JSON(JavaScript Object Notation)格式的结合已经成为前后台交互的标准方式。本文将深入探讨“HTTP+JSON”在Java服务端和Unity3D客户端中的应用,帮助开发者理解如何有效地利用这...
总结来说,C# WebForm实现无刷新前后台交互涉及的技术包括AJAX、UpdatePanel、WebMethod、jQuery、SignalR等,并且需要理解JSON数据交换、错误处理和状态管理等关键概念。通过这些技术的综合运用,开发者可以构建出...
"C# js和后台交互"这个主题主要探讨的是如何使C#运行在服务器端,处理由JavaScript发起的请求,并将结果返回给前端。 Ajax(Asynchronous JavaScript and XML)是实现这种交互的核心技术之一,它允许网页在不刷新...
本资源提供的"前后台交互的实时进度条"是一个实现这一功能的解决方案,它能兼容多种浏览器,提高了用户体验。 首先,我们要理解前后台交互的原理。在Web应用中,前端(前台)负责用户界面的展示和用户的交互,而...
总结,这个"juery easyui 前后台交互小 demo"展示了如何使用jQuery EasyUI与后台进行数据交互,包括从服务器获取JSON数据填充表格,以及用户操作后向服务器提交数据。这只是一个基础示例,实际应用中可能涉及更复杂...
"ext前后台交互实例"这一主题聚焦于如何通过JSON(JavaScript Object Notation)格式的数据进行前后端之间的通信,以实现数据的高效传输和处理。本文将深入探讨此主题,解析其中的关键概念和技术细节。 ### JSON在...
NULL 博文链接:https://alvinking.iteye.com/blog/1640849
### JSON实现前后台相互传值详解 #### 一、引言 在现代Web开发中,前后端分离架构已经成为主流趋势之一。在这种架构模式下,前端负责用户界面与交互逻辑,而后端则专注于业务逻辑处理与数据管理。为了实现前端与...
在"Struts2.2 项目搭建 以及与 struts2-json jquery 前后台进行交互"的主题中,我们主要会探讨以下几个知识点: 1. **Struts2 项目搭建**: - **环境配置**:首先需要安装JDK,设置好环境变量,然后安装Apache ...
在本项目中,我们主要探讨的是如何利用Spring Boot框架构建一个使用JWT(JSON Web Token)进行登录认证,并结合Redis进行权限管理的完整前后台交互系统。这个案例将展示如何运用现代Web开发技术来创建高效、安全且...
在IT行业中,前后台交互是构建动态Web应用的关键部分,它允许用户与服务器进行实时数据交换,提升用户体验。本案例主要关注的是前端使用jQuery的AJAX方法与C#后台进行通信的技术实现。以下是对这个主题的详细阐述: ...
本知识点主要探讨如何利用Ajax进行前后台数据交换,特别是当后台服务(Servlet)返回的数据类型为JSON(JavaScript Object Notation)时。 **一、Ajax简介** Ajax是一种在不刷新整个网页的情况下,与服务器交换数据...
在IT行业中,前后台交互是实现动态Web应用的关键部分,特别是在数据分析和可视化领域。本项目“SSM-Echarts-Maven 简单的前后台交互”聚焦于如何使用ECharts库来实现这样的交互,其中后台数据是静态预设的。ECharts...
本文将深入探讨如何利用ExtJS进行前后台交互,包括其核心概念、具体操作方法以及注意事项,旨在帮助读者更好地理解和掌握这一技能。 ### ExtJS开发中的前后台交互 #### 组件ID管理与命名规范 在ExtJS开发中,组件...
里面有所需jar包,如jackson-annotations,jackson-core,jackson-databind,jstl-1.2,mysql-connector-java-5.1.7-bin,standard,不需再花多余C币
本实例以JSP页面为例,详细阐述Ajax在前后台交互中的应用。 一、Ajax基础概念 1. XMLHttpRequest对象:它是Ajax的核心,负责与服务器建立连接并发送请求,接收响应。 2. 异步:Ajax的核心特性是异步处理,这意味着...
"前台Ajax与后台Json传递"这个主题就是关注如何高效地实现这一交互过程。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation...