`
gwh_08
  • 浏览: 332324 次
  • 性别: 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");
 
分享到:
评论

相关推荐

    ajax中send的用法

    Ajax中send方法参数的使用 一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接使用GET方法将要提交的参数写到... 需要注意的是根据提交方式的不同,两种提交方式分别调用后台的doGet方法和doPost方法。

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

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

    ECharts前台后台数据交互Demo

    使用AJAX向ECharts送入MySQL中的数据

    详解JQuery Ajax 在asp.net中使用总结

    Aspx页面的Ajax请求可以有两种方式: 1、 通过使用get或者post方法,传递页面地址为url参数的值,并附带一些标记参数,直接请求。这种方式的Ajax被一些人誉为“假的Ajax”,表面上没有刷新页面,其实后台的执行情况...

    使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法

    通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中 js代码(搜索按钮的点击事件部分): $(#standardQueryBtn).click(function(){//点击搜索按钮的触发事件 if($(#offerid).val() != ){//判断id...

    DownloadFileByAjax_final

    其处理方式是在Java控制层实现文件字节流的Base64编码,通过Ajax将文件字节流的Base64编码,文件后缀(或文件MIME),文件名(可在js种定义)传递到前端,在前端完成文件字节的解码,将文件装载到Blob,然后再完成...

    有关Ajax中get和post的使用问题

    使用get遇到的问题: 1.问题一. 缓存:当每次访问的url相同,客户端直接读取本地缓存里面的内容,即使后台数据...测试结果:通过使用Chrome测试,结果get的两种问题,都已经得到了解决 使用post遇到的问题: post方式,

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    利用Ajax可以通过使用滑块的滑动来选择所显示的分页,这种拖拽的方式有很好的用户体验。 /test.html 滑动显示分页页面 /js JavaScript脚本文件 /img 系统使用的图片文件夹 第22章(/ch22) ...

    PHP – EasyUI DataGrid 资料取的方式介绍

    DataGrid,由此可知,是一个 前端 Web UI 技术,一般大家在产生 DataGrid 比较常见的应该就是使用后台 PHP 等后台语言,来直接产生 HTML 语法,来显示 DataGrid,当要对该 DataGrid 操作时,在传递参数到后端,重新...

    DWR.xml配置文件说明书(含源码)

    Creator可以配置类的成员函数的访问权限.creator有授权访问(指明可以被访问的方法)和拒绝访问(指明不允许访问的方法)两种配置方式. 如果要设置除了setWibble方法之外的所有方法都不可访问可以采用下面的设置. ...

    在Ajax中使用get和post所遇到的问题及解决办法

    使用get遇到的问题: 1.问题一. 缓存:当每次访问的url相同,客户端直接读取本地缓存里面的内容,即使后台数据变化前台...测试结果:通过使用Chrome测试,结果get的两种问题,都已经得到了解决 使用post遇到的问题:

    xheditor-1.1.14

    xhEditor提供两种方式初始化编辑器: 方法1:利用class属性来初始化和传递各种初始化参数,例: class="xheditor {skin:'default'}" 方法2:利用xhEditor提供的jQuery插件接口来实现对特定textarea的初始化和传递...

    前端学科面试宝典面试题下载完整题目答案

    2.两种实现前端路由的方式 HTML5 History两个新增的API:history.pushState 和 history.replaceState,两个 API 都会操作浏览器的历史记录,而不会引起页面的刷新。 Hash就是url 中看到 # ,我们需要一个根据监听...

    EasyUI Pagination 分页的两种做法小结

    EasyUI 的 datagrid 支持服务器端分页,但是官方的资料比较少,以下总结了两种 datagrid 的服务器端分页机制,一种是datagrid默认机制,另一种是利用 Ajax 获取数据并填充 Datagrid,可根据情况具体使用。...

    ExtAspNet_v2.3.2_dll

    -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...

    PHP入门到精通

    8.3获取表单数据的两种方法 8.4PHP传参的常用方法 8.5在Web页中嵌入PHP脚本 8.6在PHP中获取表单数据 8.7对URL传递的参数进行编码解码 8.8PHP与Web表单的综合应用 PHP与JavaScript交互(教学录像:1小时11分36秒) ...

    PHP入门到精通02

    8.3获取表单数据的两种方法 8.4PHP传参的常用方法 8.5在Web页中嵌入PHP脚本 8.6在PHP中获取表单数据 8.7对URL传递的参数进行编码解码 8.8PHP与Web表单的综合应用 PHP与JavaScript交互(教学录像:1小时11分36秒) ...

    亮剑.NET深入体验与实战精要2

    4.7 无标题窗体拖动的两种方法 183 4.8 让程序只启动一次——单实例运行 184 4.9 实现系统托盘和热键呼出 185 4.10 进程与多线程的区别 190 4.11 创建多线程应用程序 191 4.12 WinForm开发常见问题 194 4.12.1 如何...

    亮剑.NET深入体验与实战精要3

    4.7 无标题窗体拖动的两种方法 183 4.8 让程序只启动一次——单实例运行 184 4.9 实现系统托盘和热键呼出 185 4.10 进程与多线程的区别 190 4.11 创建多线程应用程序 191 4.12 WinForm开发常见问题 194 4.12.1 如何...

Global site tag (gtag.js) - Google Analytics