`

JQuery 的 AJax 解说和返回页面Json数据

 
阅读更多

 

 $.ajax({
		   type: "POST",
		    dataType: "json",
		    url: "updateStatus.action",
		    data: "ID="+id+"&status="+status+"",
		    success: function(data){
		    
			   }
	  });

     上面是一个简单的Jquery的Ajax的例子:我们用Ajax主要是用于页面的局部刷新,当返回值是Json数据时会好操作,要返回值是Json有两种方法。

 

  1. 在Strut 的配置文件中配置返回值类型:

 

<package name="xjfcThirdEdition" extends="json-default">
		<action name="luckStakeAction" class="com.xingkongyongheng.web.action.stake.StakeSsq"
			method="singleStakeSsq">
			<result type="json"></result>
		</action>
</package>

2.在action中直接返回json 的数据类型的字符串:

      1.)如果是一个对象或者几个值:

        

HttpServletResponse response=ServletActionContext.getResponse();
        response.setCharacterEncoding("UTF-8");
        response.setContentType("text/plain");
        PrintWriter out;
        String ret="{\"type\":\""+type+"\",\"msg\":"+msg+"}";
        try{
            out=response.getWriter();
            out.print(ret);
            out.flush();
        }catch(IOException e){
        	log.error(e.getMessage(),e.fillInStackTrace());
        }

 

       2.)返回一个对象的List:

String msg = JSONArray.fromObject(list).toString();
HttpServletResponse response=ServletActionContext.getResponse();
        response.setCharacterEncoding("UTF-8");
        response.setContentType("text/plain");
        PrintWriter out;
        try{
        	out=response.getWriter();
            out.print("{\"msg\":"+msg+"}");
            out.flush();
        }catch(IOException e){
        	log.error(e.getMessage(),e.fillInStackTrace());
        }

 

 

      这个的思路就是先把list通过Gson架包的方法转换成json字符串,返回到页面

分享到:
评论

相关推荐

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...

    jquery ajax Datatable与json之间数据转换

    jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...

    jquery AJAX 回调函数取JSON成功代码

    总之,jQuery的AJAX功能配合JSON数据格式,提供了一种强大而灵活的方式来实现前端和后端的通信,使动态网页应用程序变得更加高效和用户友好。正确理解和使用这些工具,可以显著提升你的Web应用性能。

    struts2+jquery执行ajax并返回json类型数据(源码)

    在这个"struts2+jquery执行ajax并返回json类型数据"的示例中,我们将探讨如何通过Ajax技术在后台Struts2框架与前端jQuery库之间交换JSON格式的数据。 首先,Struts2是一个强大的MVC(Model-View-Controller)框架,...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。

    SSH1,JQuery的ajax返回json二维数组处理过程

    总结来说,这个例子展示了如何结合SSH1和jQuery AJAX处理JSON二维数组,实现菜单联动下拉框以及附加的查看详情功能。整个流程包括前端的AJAX请求、后端的JSON数据处理以及UI交互逻辑。理解这些技术对于开发复杂的Web...

    使用jquery的方式通过ajax处理json格式的数据

    本教程将深入探讨如何使用jQuery通过Ajax处理JSON格式的数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,是Web服务和客户端之间交换数据的常用...

    利用JQuery jsonp实现Ajax跨域请求json数据

    本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先,理解JSONP的基本原理。JSONP是一种非官方的协议,通过动态创建`...

    php基于jquery的ajax技术传递json数据简单实例.docx

    PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据简单实例 本文主要介绍了 PHP 基于 jQuery 的 Ajax 技术传递 JSON 数据方法,以完整实例形式分析了 PHP 基于 jQuery 的 Ajax 无刷新提交数据实现方法。下面是详细的知识...

    Jquery ajax json 总结

    JQuery AJAX 和 JSON 是在 Web 开发中处理异步数据传输和数据格式化的重要工具。本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许...

    Struts2 与Jquery Ajax的json数据交换的典型范例

    总结,Struts2和jQuery的Ajax JSON数据交换涉及以下几个关键步骤:配置Struts2的JSON插件,编写返回JSON数据的Action,使用jQuery发起Ajax请求并处理返回的JSON数据。通过这种方式,可以实现客户端与服务器之间的...

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...

    Struts2+Jquery实现ajax并返回json类型数据

    以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式,我们可以在不刷新整个页面的情况下,实现数据的异步加载和动态更新,提高用户体验。在实际项目中,可能还需要考虑错误处理、数据...

    JQuery_Ajax_AutoComplete_使用JSON数据

    在探讨如何利用jQuery的AutoComplete插件结合Ajax与JSON数据实现自动补全功能之前,我们首先需要理解几个关键概念:jQuery、Ajax、JSON以及AutoComplete。 ### jQuery简介 jQuery是一款快速、简洁的JavaScript库,...

    jQuery+ajax按条件读取json文件内容

    在这个示例中,我们看到一个使用jQuery和Ajax实现的功能,该功能根据特定条件从JSON文件中读取数据并将其显示在网页上。这个功能可能用于一个在线测试或学习平台,它能根据时间(TestTime)和题号(Number)来加载...

    详谈 Jquery Ajax异步处理Json数据.

    通过以上的知识点,可以了解到在Jquery Ajax异步处理JSON数据的过程中,开发者需要了解前端如何发送请求、指定期望的响应数据类型、以及如何在回调函数中处理服务器返回的JSON格式数据。这种机制使得Web应用可以提供...

    传统Ajax和JqueryAjax操作Json对比案例

    本案例主要对比了传统Ajax和JqueryAjax在处理JSON数据时的区别和用法,这对于理解和优化Web应用的交互体验至关重要。 1. **传统Ajax操作JSON** 传统Ajax操作JSON通常涉及到以下几个步骤: - 创建XMLHttpRequest...

    jQuery ajax读取json文件内容

    通过以上分析,我们不仅理解了如何使用jQuery的Ajax功能读取JSON文件,还深入了解了JSON文件的结构以及如何在JavaScript中解析和展示这些数据。这种方法对于构建动态网站、实现用户界面的实时更新具有重要意义。掌握...

    ajax从后台读json数据,jquery在页面简析

    **Ajax技术** Ajax,全称为Asynchronous JavaScript and XML(异步...通过Ajax请求获取JSON数据,并在页面上进行解析和渲染,可以在不刷新整个页面的情况下完成数据的更新,提升用户界面的响应速度和用户体验。

    jQuery_Ajax_Json全解析

    jQuery的Ajax方法常用于从服务器获取JSON数据,实现页面动态更新。例如,使用`$.getJSON()`获取JSON数据并更新页面: ```javascript $.getJSON('data.json', function(data) { var html = ''; $.each(data.items,...

Global site tag (gtag.js) - Google Analytics