`

AJAX实现无跳转传递数据和接收后台数据

阅读更多

一、利用AJAX实现跳转

1、页面AJAX的相关JAVASCRIPT代码(前提是引入相关JS文件)

 function getproductsF(){
    	beforeSuccessed();
    	//在这里用AJAX使得页面数据传到前台,然后直接接受数据
    	 var sURL="productGroupManagement_updateProductPrice.do";
    	 var params = "&theGorupIds="+ $("#ownGorupIds").val();
			$.ajaxSetup({cache:false});
			$.ajax( {
				"type": "POST", 
				"url": sURL, 
				"dataType": "text",
				"data": params , 
				"success": function(oRequest) {
					callbackF4piscrawler(oRequest);
				}
			,"complete": function(xhr,statusMsg){
				   // alert(xhr);   
				   // alert(statusMsg);   
				   if (statusMsg == 'error') { 
						alert( '对不起,后台处理出现异常...');
					}
				   endLoading();
				}	
			});		 
   	
   	
	}
	function callbackF4piscrawler(oRequest){
		alert(oRequest);
		endLoading();
	}

 2、后台ACTION里的相关参数及变量

	String mString= "";
		try {
			mString= reService.getProduct(siteAll,proCodeAll);
			
		} catch (Exception e) {
			e.printStackTrace();
		}
		logger.info(mString);
//		JSONArray array = new JSONArray();
//		array.add(mString);
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/xml");
		PrintWriter out = response.getWriter();
		out.print(mString);
		out.flush();
		out.close();
		//在这里将后台的字符在没有任何页面跳转的情况下传到后台
		return null;// 在此处不返回任何东西

 二、XMLREQUEST实现一样的

在之前的博客中有介绍。

 

分享到:
评论

相关推荐

    运用Ajax实现无跳转的数据交换

    在"运用Ajax实现无跳转的数据交换"这个课程作业中,你需要使用JavaScript与Servlet来实现在网页不刷新的情况下,与服务器进行数据交互。这个过程中,JavaScript主要负责客户端的处理,而Servlet则作为服务器端的组件...

    Ajax实现后台调用

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在本场景中,Ajax被...通过合理的前后端交互设计和安全措施,我们可以利用Ajax实现高效、安全的后台调用。

    ajax 提交数据到后台jsp页面及页面跳转问题

    这里的问题是关于如何使用Ajax提交数据到后台的JSP页面,并在处理完数据后进行页面跳转。我们将详细探讨这个问题以及相关的知识点。 首先,我们看`logincheck.jsp`页面中的代码,它接收通过Ajax传递的参数: ```...

    Ajax技术实现的例子

    它通过在后台与服务器交换数据并更新部分网页内容,实现了页面的异步交互,提升了用户体验。Ajax的核心由以下几个部分组成:XMLHttpRequest对象、JavaScript、DOM以及CSS。 1. XMLHttpRequest对象:这是Ajax技术的...

    TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结

    本文将详细介绍如何在TP5框架下利用Ajax技术进行后台数据交互,主要包括两种方法:使用serialize()方法和利用layui的form.on事件。 **方法一:serialize() 方法** serialize() 是jQuery提供的一个方法,它能够将...

    fastcgi 数据发送,跳转 实例

    在这个实例中,我们将探讨如何通过FastCGI发送数据以及实现页面跳转。首先,理解FastCGI的工作原理至关重要:Web服务器接收到HTTP请求后,会转发到FastCGI进程,FastCGI进程处理请求并返回结果给Web服务器,最后由...

    Ajax技术实现代码和需要用的ajax的十个地方

    它通过在后台与服务器进行少量数据交换,使网页实现异步更新。Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器通信。这种方式极大地提高了用户体验,因为它减少了用户等待时间,使得应用...

    Ajax实现省市联动效果

    在实际应用中,可能会有更多复杂的需求,例如添加多级联动(省-市-区县),或者考虑到SEO,使用PJAX(Push State + Ajax)技术进行页面的无刷新跳转。理解并掌握Ajax实现省市联动效果,对于前端开发者来说是必备的...

    AJAX无刷新分页

    总结来说,AJAX无刷新分页是一种提升网页性能和用户体验的重要技术,它通过JavaScript和XMLHttpRequest实现了页面局部更新,使得用户可以在不离开当前页面的情况下浏览分页内容。在实际开发中,我们需要充分理解和...

    {Ajax实现教程}

    它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这种技术可以创建更快、更好的用户体验,因为它减少了用户等待时间,并且避免了页面跳转时的闪烁现象。 ### 1. 基本概念 - **异步通信**:Ajax的核心...

    WebQQ AJAX实现

    AJAX通过在后台与服务器进行少量数据交换,实现了网页的异步更新,显著提升了Web应用的响应速度和用户体验。 首先,我们要理解AJAX的基本工作原理。它通过创建XMLHttpRequest对象作为客户端与服务器通信的桥梁,...

    AJAX小程序

    - **异步通信**:AJAX的核心特性是异步处理,意味着用户可以继续浏览网页,而后台则在处理请求和接收响应。 - **JavaScript**:AJAX主要通过JavaScript实现,利用XMLHttpRequest对象发送HTTP请求,并处理返回的数据...

    Ajax完全自学手册

    2. **JavaScript**:Ajax的实现离不开JavaScript,主要用于创建XMLHttpRequest对象,发送和接收数据。 3. **XMLHttpRequest对象**:Ajax的核心,它是浏览器提供的一个API,用于在后台与服务器通信。 4. **数据格式**...

    Ajax经典程序模块

    使用Ajax技术,可以实现搜索框内的实时搜索,即用户在输入关键词时,后台即时处理并返回搜索建议,无需等待整个页面刷新。这一功能的实现主要涉及以下步骤: 1. 创建一个JavaScript函数,监听用户输入事件,当用户...

    项目组管理系统,Java+json+jQuery+ajax

    Ajax使得Web应用可以在不中断用户交互的情况下向后台发送请求和接收数据,实现了局部刷新。在这个项目组管理系统中,Ajax可能用于实时更新任务状态,用户可以直接在界面上看到任务的最新进展,而无需跳转页面。 ...

    ajax提交form表单

    这为用户提供了一种流畅、快速的交互体验,尤其是在处理表单提交时,可以避免传统表单提交带来的页面跳转和数据丢失问题。 ### 二、Ajax无刷新提交表单的核心步骤 1. **创建XMLHttpRequest对象**:这是Ajax的核心...

    jsp实现同步数据功能java

    在本项目中,"jsp实现同步数据功能java"是核心目标,即通过JSP来实现在前台点击后启动后台的数据同步,并在完成同步后跳转到新的页面展示结果。 首先,我们需要理解"提示"的概念。在用户界面设计中,提示通常指的是...

    Ajax获取数据然后显示在页面的实现方法

    它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。在本文中,我们将探讨如何使用Ajax获取数据并将其显示在页面上。 首先,我们需要理解Ajax的工作原理。Ajax的核心是XMLHttpRequest对象,它允许...

    关于Ajax中通过response在后台传递数据问题

    在JavaScript的Ajax技术中,与服务器进行异步通信的核心在于数据的传递和接收。这里的案例主要涉及了如何在后台(服务器端)通过`response`来正确地传递数据给前端(客户端)。具体来说,我们先来看前端的JS代码片段...

Global site tag (gtag.js) - Google Analytics