后台前台json传递数据的方式两种方式 $.get, $.getJSON

第一种getJSON方式:

前台调用:

<td><input type="text"  class="t" id="edutitle"   value="${e.edutitle }"  onChange="showElement(this,‘${e.id }‘)">   </td> 	

function showElement(element,id){
       $.getJSON("/portal/edu/updateEdu?id="+id+"&item="+element.id+"&value="+element.value,function(data){
		if("success"==data.result){
			window.location.reload();
		 }
		else{
			alert("Update Error!");
		}
	  });
}

后台处理

@RequestMapping("/updateEdu")
	public String updateEdu(Long id,String item,String value,HttpServletResponse response){
		//String result = "{\"result\":\"success\"}";
		eduService.updateById(id,item,value);

		JSONObject data = new JSONObject();
		try {
			data.put("result", "success");
		} catch (Exception e) {
			System.out.println(e.getMessage());
		}

		PrintWriter out = null;
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html; charset=UTF-8");
	    try {
	    	out=response.getWriter();
	        out.write(data.toString());
	        return null;
	    } catch (IOException e) {
	        e.printStackTrace();
	    }
	    out.flush();
		out.close();
		return "redirect:/edu/getEduList";
	}

另一种get方式

前台调用

<td width="10px" rowspan="2"> <img border="0" width="15" height="15" src="<%=basePath %>/style/images/del.png" onClick="javascript:del(‘${e.id }‘)" /></td>  

 function del(id){
		if(confirm("Are you sure to delete this item?")){
			$.get("/portal/edu/delEdu?id="+id,function(data){
			  if("success"==data.result){
					alert("Delete Done!");
					window.location.reload();
			  }
			  else{
				    alert("Error!");
			  }
		});
}else{
	return;
 }}

后台处理i

@RequestMapping("/delEdu")
	public void delEdu(Long id,HttpServletResponse response){
		String result2 = "{\"result\":\"success\"}";
		eduService.delete(id);
		PrintWriter out = null;
	    response.setContentType("application/json");
	    try {
	    	out=response.getWriter();
	        out.write(result2);
	    } catch (IOException e) {
	        e.printStackTrace();
	    }
	}
时间: 2024-10-21 08:30:05

后台前台json传递数据的方式两种方式 $.get, $.getJSON的相关文章

ASP.NET MVC之从控制器传递数据到视图四种方式

前言 本系列开始着手讲述ASP.NET MVC,也算是自己对基础的回顾以及进一步深入学习,保证每天发表一篇该系列文章,关于基本知识则不再叙述,园子有关文章不胜枚举,这一系列若有叙述不当或错误之处,欢迎指出以及批评. 前奏 新建基本项目在Models文件夹下定义如下类: public class Person { public int Id { get; set; } public string Name { get; set; } public string BlogAddress { get;

值传递和引用传递-----函数参数传递的两种方式

回顾: 在定义函数时函数括号中的变量名成为形式参数,简称形参或虚拟参数:在主调函数中调用一个函数时,该函数括号中的参数名称为实际参数,简称实参,实参可以是常量.变量或表达式. 注意: 1.C语言中实参和形参之间的额数据传递是单向的“值传递”,单向传递,只能由实参传给形参,反之不能. 2.被调用函数的形参只有函数被调用时才会临时分配存储单元,一旦调用结束占用的内存便会被释放. 3.”按值传递“中包括值传递(实实在在的值啊!)和指针传递(指针传递参数本质上是值传递的方式,它所传递的是一个地址值),传

SpringMVC数据类型转换的两种方式

1. 自定义类型转换器实现Converter<S,T>接口并加入到SpringMVC的IOC容器中 2.配置自定义转换器到FormattingConversionServiceFactoryBean工厂中! 注意ID好像只能为conversionService 这样通过请求到达目标Handler之前对请求参数进行字符串修改,将Handler入参格式的数据返回,实现转换器的作用 2.相同的原理,用filter拦截请求 自定义filter实现Filter接口:在web.xml里注册filter:用

Java中实现数据交换的两种方式

/* *常用于底层的操作 */ public void swap(int a,int b){ a=a^b; b=b^a; a=a^b; System.out.print("a:"+a+"b:"+b); } /* *一个语句实现交换 */ public void swapone(int a,int b){ b=(a+b)-(a=b); System.out.print("a:"+a+"b:"+b); }

Mock服务端:客户端Get请求,返回json数据两种方式

Mock服务端:客户端Get请求,返回json数据两种方式:1,直接在response中返回json数据 2,通过json文件返回: 准备工作: wiremock-body-transformer-1.1.6.jar wiremock-standalone-2.14.0.jar 安装java运行环境(jdk等) 一,直接在response中返回: 说明: mappings : 对应请求request位置 __files : 对应响应reponse位置 mappings中增减文件:get.json

fastJson java后台转换json格式数据

什么事JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等

jquery的ajax传递参数两种方式

<script type="text/javascript" src="js/jquery-1.7.js"></script> <script type="text/javascript"> $(function(){ $("#button").click(function(){ $.ajax({ url:'myServlet', type:'post', dataType:'json',

Json转list,两种包,两种方式

1.使用fastjson 对于json串大小写没什么要求,测试的时候,我把javaBean属性设置成和json串一样的大小写,代码如下: package com.myTest.json.test1; import java.util.ArrayList; import java.util.List; import com.alibaba.fastjson.JSON; public class app1 { public static void main(String[] args) { Stri

docker容器实现数据持久化的两种方式及其区别

前言 这篇博文是我对docker实现数据持久化几种方式的特征进行一个总结. 在docker中,它的存储文件系统是在dockerhost上原有的xfs或ext4架设了一层文件系统:overlay2(将此行重点标注的原因就是我在面试中被问到过:docker使用的是什么文件系统?),通过docker info命令可以查看出主机上docker相关的信息,包括支持的网络类型.系统版本.内核版本.docker主机的cpu.内存等信息.如下: 在docker中实现数据持久化有两种方式:Bind mount和D