`

ajax局部刷新

阅读更多
jsp页面利用jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType 可选。规定预期的服务器响应的数据类型。 默认执行智能判断(xml、json、script 或 html)。

该函数是简写的 Ajax 函数,等价于:
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

jsp:
function sendReply() {
		var url = document.forms[0].action + "?m=insertRep";
		var userId = jQuery('#userId').val();
		var msgId = jQuery('#msgId').val();
		var info = jQuery('#info').val();
		if (isEmpty(info)) {
			parent.window.jAlert("回复内容不能为空!");
/****如果这个页面是内嵌框架,那么需要加上parent需找到父窗口,在父窗口中弹出框框。********/
		} else {
			var params = {
				userId : userId,
				msgId : msgId,
				info : info
			};
			jQuery.post(url, params, sendReplyCallback, 'json');
		}
	}
function sendReplyCallback(data, status) {
		if (status == "success") { 
			if (data == "0") {
				parent.window.jAlert("操作成功!", "操作", function(flag) {
					if (flag) { 
						 parent.window.location.href = "userIndex.html";//定向,刷新页面
					}
				});
			} else {
				parent.window.location.href = "userIndex.html";
			} 
		} else if (status == "error") {
			parent.window.jAlert("操作异常!");
		} else {
			parent.window.jAlert(status);
		}
	}

后台Action处理:


String msgId = iframeUserDynamicReplyForm.getMsgId();
String info = iframeUserDynamicReplyForm.getInfo();
msgId = msgId == null ? "" : msgId.trim();
info = info == null ? "" : info.trim(); 
int co = UserMessageService.sendReply(sqlSession,loginUserId, new BigDecimal(msgId), info); 
Gson gson = new Gson();//需要导入gson-2.0.jar包
response.setContentType("text/json; charset=utf-8");
response.setHeader("Cache-Control", "no-cache");
response.getWriter().write(gson.toJson(co));
return null; 

补充一下,如果获取的json数据是对象,那么就用下面的格式,如data为User对象

$.post("test.php", { "func": "getNameAndTime" },
   function(data){
     alert(data.name); // John
     console.log(data.time); //  2pm
   }, "json");

如果获取的json数据是集合对象,那么就用下面的格式,如data为List<User>对象
JSONObject data = new JSONObject();
				data.put("resultList", users);
				response.getWriter().write(data.toString());
				return null;

$.post("test.php", { "func": "getNameAndTime" },
   function(data){
     alert(data.resultList[0].name); // John
     console.log(data.resultList[0].time); //  2pm
    $.each(data,function(i){
        alert(data.resultList[i].name);
   });
   }, "json");








分享到:
评论

相关推荐

    ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术

    ### AJAX局部刷新技术详解 #### 一、简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一点,从而提升...

    AJAX局部刷新案例

    在"AJAX局部刷新案例"中,我们关注的是如何通过JavaScript和相关的DOM操作来实现网页的局部刷新。这种技术通常涉及到以下几个关键组件: 1. **XMLHttpRequest对象**:这是AJAX的核心,它创建了一个异步的HTTP请求,...

    java实现ajax局部刷新

    这里的"Java实现Ajax局部刷新"是一个基础的示例,旨在帮助初学者理解Ajax的工作原理及其在实际开发中的应用。 首先,让我们详细解释Ajax的核心概念。Ajax并非一种单一的技术,而是一种综合运用多种Web技术...

    运用ajax局部刷新 制作登录验证

    "运用Ajax局部刷新 制作登录验证"是一个旨在提升用户体验的技术实践。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页...

    asp.net中ajax局部刷新

    ### ASP.NET中Ajax局部刷新详解 #### 一、引言 在Web开发中,局部刷新是一种常见的技术,它能够在不重新加载整个页面的情况下更新部分页面内容。这种技术极大地提升了用户体验,尤其是在复杂的Web应用中,局部刷新...

    AJAX局部刷新

    总的来说,AJAX局部刷新技术通过优化页面交互,减少了不必要的页面重载,提高了用户界面的响应速度和用户体验。它广泛应用于网页的动态加载、搜索结果的实时更新、表单验证等多个场景。在实际应用中,开发者需要注意...

    jquery .ajax 局部刷新之后 js无法调用问题解决

    然而,在使用`.ajax`进行局部刷新后,有时会出现JavaScript无法正确调用的问题,这主要涉及到DOM(文档对象模型)更新、作用域以及事件绑定等问题。下面将详细探讨这个问题及其解决方案。 ### 1. DOM更新问题 当`....

    ajax 局部刷新的例子

    要实现Ajax局部刷新,我们需要以下几个关键步骤: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,它允许JavaScript与服务器进行通信。在所有现代浏览器中,可以使用`new XMLHttpRequest()`创建这个对象。 2. **...

    Ajax局部刷新c#源码

    Ajax局部刷新技术是一种在网页不进行整个页面刷新的情况下,通过后台与服务器异步交换数据并局部更新页面的技术。这种技术极大地提升了用户体验,因为它允许用户在交互时无需等待整个页面加载,仅更新必要的部分。C#...

    Ajax局部刷新分页

    Ajax局部刷新分页就是一种这样的应用,它允许用户在不重新加载整个页面的情况下,仅更新页面中与分页相关的部分。这种技术在大数据量、多页展示的场景下特别有用,如电商产品列表、论坛帖子等。 首先,我们需要理解...

    手写js实现Ajax局部刷新技术

    国家电网的一个面试题,要求不使用ajax控件实现页面的局部刷新

    dwr ajax 局部刷新

    "dwr ajax 局部刷新"指的是使用DWR框架来更新网页的特定部分,而不是重新加载整个页面,提高用户体验。 **DWR基本概念:** 1. **CMT (Controlled Method Table)**:DWR的核心组件,负责管理服务器端的Java方法和...

    AJAX局部刷新技术

    它的核心在于使用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,并且更新DOM(Document Object Model)来实现页面的局部刷新。这种技术极大地提升了用户体验,因为用户无需等待整个页面加载...

    Ajax局部刷新小实验

    Ajax局部刷新技术是一种在网页无需整体刷新的情况下更新部分页面内容的方法,主要依赖于JavaScript和XMLHttpRequest对象。在本文中,我们将深入探讨Ajax的基本概念、核心代码以及如何实现局部刷新。 首先,了解Ajax...

    ajax局部刷新验证重名

    "Ajax局部刷新验证重名"这个主题主要涉及以下几个知识点: 1. **Ajax基础**:Ajax是由一组JavaScript技术组成的,包括XMLHttpRequest对象、DOM操作、JavaScript事件处理等。通过创建XMLHttpRequest对象,开发者可以...

    购物车和AJAX局部刷新两个实例源码

    购物车和AJAX局部刷新是Web开发中常见的功能,它们为用户提供流畅的交互体验,而无需每次操作都刷新整个页面。下面将详细讲解这两个概念及其实现。 购物车系统是电商网站的核心部分,它允许用户在不立即购买的情况...

    AJAX局部刷新和购物车实例

    总的来说,AJAX局部刷新在购物车功能中扮演着重要角色,它提高了用户体验,使得用户在添加商品到购物车时无需等待整个页面刷新,增强了交互的流畅性。理解并熟练掌握AJAX技术,对于任何Web开发者来说都是至关重要的...

    购物车和AJAX局部刷新两个实例源码.zip

    在IT行业中,购物车功能和AJAX局部刷新是网页应用中的关键组成部分,尤其在电子商务网站中更为常见。这里我们深入探讨这两个实例,并结合提供的源码进行解析。 首先,购物车功能是电商系统的核心,它允许用户选择...

    ajax 局部刷新例子 日期验证 滚动条

    以下是对“Ajax局部刷新例子 日期验证 滚动条”这个主题的详细解释。 1. **Ajax局部刷新**: - **基本原理**:Ajax通过JavaScript创建XMLHttpRequest对象,利用这个对象与服务器进行异步通信,获取或发送数据,...

    ajax局部刷新验证唯一

    ### AJAX局部刷新与中文验证解析 #### 一、引言 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的异步加载与更新,为用户提供更加流畅和交互友好的体验。然而,在处理中文等...

Global site tag (gtag.js) - Google Analytics