`
gwh_08
  • 浏览: 335666 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax向后台传递参数的两种方式

    博客分类:
  • js
 
阅读更多

我们知道,jsp向后台传递参数是通过标签实现的:

如:

<form>标签通过<submit>提交数据,传递参数。

或者通过<a> 发送url?name=value的方式传递参数。

后台通过getRequest.getParameter("");即可取得参数值

其实ajax是可以传递参数的。

var xmlhttp;
	var url = "xxx.action";
	if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	}else{// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function(){
	  if (xmlhttp.readyState==4 && xmlhttp.status==200){
		  alert(244);
		  //获得 XML 形式的响应数据。
		  //浏览器的 XML 解析器已完成了对xml的加载
		 var res =  xmlhttp.responseXML;
		/* 对xml文件的解析 
		   发生在浏览器xml解析器对xml加载之后
		*/
		 var id = res.getElementsByTagName("tid")[0].childNodes[0].nodeValue;
		 alert("id  ii is "+id);
		  //document.getElementById("display").innerHTML=id;
		  //jsp不做解析处理
		 document.getElementById("display").innerHTML=xmlhttp.responseText;
	  } 
	}
	xmlhttp.open("post",url,true);
	/* 
	//以form表单的形式发送数据,对应xmlhttp.send("str=122");
	//后台java代码直接通过request.getParameter("str");的方式获取
	xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded"); */
	
	/* //以普通文本的形式发送数据,其中包括json的形式,json对应xmlhttp.send("{str:122}");
	//后台java代码通过BufferedReader reader = request.getReader();方式获取其二进制编码格式的数据
	//不能直接通过request.getParameter("str");的方式获取
	//xmlhttp.setRequestHeader('Content-type','text/plain'); */
	
	//提交xml格式的数据
	xmlhttp.setRequestHeader("Content-Type", "text/xml");
	xmlhttp.send(xmltext);
	//xmlhttp.send("str=133");
 
分享到:
评论

相关推荐

    jquery ajax 向后台传递数组参数示例

    总结来说,当需要向后台传递包含对象类型的数组时,可以通过将对象转换为JSON字符串的方式进行传递,并在服务器端使用适当的JSON解析库将JSON字符串转换回对象。这种方法可以有效避免因类型不匹配导致的问题,并且...

    JSF中文教程+JSF参数传递方式

    **参数传递** 在JSF中主要有两种方式: 1. **请求参数传递**:这是最基本的传递方式,通过在URL中添加查询参数或者在表单提交时包含参数。例如,你可以使用`&lt;h:inputText value="#{bean.property}" /&gt;`这样的组件来...

    ajax 前台js调用后台方法

    这里提到了两种方式:通过Ajax.dll或AjaxPro.dll来实现。具体步骤如下: 1. **添加引用**:在项目的解决方案资源管理器中,找到项目名称,右键点击“添加”-&gt;“添加引用”,在弹出的对话框中选择相应的`.dll`文件,...

    ajax请求后台接口数据与返回值处理js的实例讲解

    AJAX最常见的实现方式有两种:一是使用原生的XMLHttpRequest对象,二是使用jQuery库提供的$.ajax方法。在现代开发中,由于jQuery的简便性和跨浏览器的兼容性,$.ajax方法应用更为广泛。 知识点三:$.ajax方法的参数...

    asp.net前台调用后台方法传参数

    前后端之间的通信通常通过AJAX异步请求来实现,但在特定情况下也可以直接在页面中通过服务器控件或脚本的方式调用后台代码。 #### 三、示例分析 根据提供的代码片段,可以看出这是一个典型的ASP.NET Web Forms项目...

    ajax以及xml@xsl两种分页

    本篇将详细介绍两种无刷新分页技术:AJAX分页和XML结合XSL的分页。 **一、AJAX分页** AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在分页场景中,...

    ajax提交,后台中文乱码解决

    本文将基于提供的文件信息,详细解析两种解决Ajax提交后台取值中文乱码的方法。 ### 方法一:使用URL编码 在第一个示例中,开发者通过调用`encodeURIComponent()`或`encodeURI()`函数对请求URL中的参数进行编码。...

    aspx后台传递Json到前台的两种接收方法推荐

    在介绍aspx后台传递Json到前台的两种接收方法之前,我们先了解一些基础知识点。Json(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成,现在已经成为一种广泛...

    文件上传和ajax获取json的小示例

    在IT领域,文件上传和AJAX获取JSON是两个常见的功能,尤其在Web开发中。这里我们探讨的是一个基于JSP的文件上传示例,以及如何通过AJAX技术实现实时刷新,从数据库获取并返回JSON数据到前端页面。 首先,文件上传是...

    ajax传递多个参数具体实现

    在这两种请求类型中,都可以传递参数。但是由于GET请求的URL长度有限制且安全性较低,因此在传递敏感信息(如密码等)时,推荐使用POST请求。 文档给出了一个具体的实现示例,通过点击一个按钮触发一个事件,在事件...

    extjs 前后台交互参数出现中文乱码问题的解决方法

    下面详细介绍这两种方法的具体实现步骤。 #### 前端编码转换 在前端使用ExtJS框架时,可以通过`encodeURI()`或`encodeURIComponent()`函数来对中文字符进行编码。示例代码如下: ```javascript // 定义一个变量...

    jsp中利用jquery+ajax在前后台之间传递json格式参数

    总结:容易出错的地方:1.ajax中data的格式一定要写对,这里举了两种形式,一种是 data:{参数:“”} 另一种是 data:“参数=”+变量。 2.后台传递到前台数据转化为json格式,步骤要掌握好。 3.在js使用jquery必须...

    ASP.NET jquery ajax传递参数的实例

    本文主要探讨了两种主要的参数传递方式:GET和POST。 ### GET传递参数 GET方法是通过在URL后面添加参数来传递数据。这种方式简单直观,但因为URL长度有限且参数可见,故安全性较低,不适合传递敏感信息。在ASP.NET...

    ajax与servelt相互传递数据

    在Web开发中,AJAX(Asynchronous JavaScript and XML)与Servlet是两个重要的技术,它们共同构建了现代交互式Web应用程序的...开发者在实际项目中需要根据具体需求,灵活运用这两种技术,以创建出更优秀的Web应用。

    JQuery 和Ajax做的小型后台

    在IT行业中,jQuery和Ajax是前端开发中的两个关键工具,它们极大地简化了JavaScript代码,使得网页可以实现更高效、更动态的用户体验。本项目利用jQuery和Ajax技术,结合Web服务,构建了一个小型的后台系统,实现了...

    使用ajax实现异步提交的例子

    在Web开发中,异步提交是一种常见的技术,它允许用户在不刷新整个页面的情况下与服务器进行数据交互。AJAX(Asynchronous JavaScript and XML)是这种技术的核心,它通过JavaScript库如jQuery、Prototype或原生...

    Spring MVC不能直接接收list类型参数的问题

    当前端使用 jQuery 向后台传递数组类型的参数时,Java 后台尝试直接通过 `List` 类型来接收这些参数,却发现无法取到任何数据。例如: **前端代码示例**: ```javascript $.ajax({ url: "xxxx", data: { areaList...

    探讨Ajax获取表单值向Servlet传递的设计方案.doc

    发送数据到服务器有两种主要方式:GET和POST。GET方式适合数据量小的情况,而POST方式可以处理更大的数据量。下面展示了使用GET和POST方式发送数据的函数: ```javascript // GET方式 function doGet(url, data, ...

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

    首先,我们看`logincheck.jsp`页面中的代码,它接收通过Ajax传递的参数: ```java String user=request.getParameter("user1"); String pwd=request.getParameter("pwd1"); ``` 这段Java代码表明`logincheck.jsp`...

    Ajax传递中文参数到后台乱码的有效解决方法

    在Web技术中,中文字符的传输通常涉及到两种编码:一种是浏览器端用于显示的编码,另一种是数据传输过程中的编码。通常,UTF-8是被广泛接受的一种字符编码,它能够编码包括中文在内的各种语言的字符。但是,在实际的...

Global site tag (gtag.js) - Google Analytics