当前位置: 首页 > 编程笔记 >

JSP中的AJAX请求-示例

季俭
2023-03-14
本文向大家介绍JSP中的AJAX请求-示例,包括了JSP中的AJAX请求-示例的使用技巧和注意事项,需要的朋友参考一下

AJAX是一个异步请求,通常在不同的网站中用于加载内容而不刷新整个页面。例如,您可以看到cricinfo,它将自动动态更新,而无需刷新页面,发送到服务器的请求无需任何重新加载。

index.jsp

在这里,我们从用户那里获取输入,并通过创建HttpRequest对象将它们发送到服务器请求。用户单击注册按钮后,请求即被发送,并且响应被返回。

<html>
<head>
	<title>AJAX REQUEST IN JSP</title>
	<script type="text/javascript">
		function loadAjax(){
			var username= document.getElementById("username").value;
			var email= document.getElementById("email").value;
			var tel= document.getElementById("tel").value;
			var division= document.getElementById("division").value;
			
			
			var url="ajax.jsp?username="+username +"&email="+email+"&division="+division+"&tel="+tel;
			alert(url);

			if(window.XMLHttpRequest){
				
				request = new XMLHttpRequest();
				
			}else if(window.ActiveXObject){
				
				request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			
			try{
				request.onreadystatechange=sendInfo;
				request.open("POST",url,true);
				request.send();
				
			}catch(e){
				alert("Unable to connect server");
			}
			
		}

		function sendInfo(){
			var p =		document.getElementById("print");

			if(request.readyState ==1){
				var text = request.responseText;
				p.innerHTML="Please Wait.....";
				console.log("1");
			}

			if(request.readyState ==2){
				var text = request.responseText;
				console.log("2");
				
			}
			if(request.readyState ==3){
				var text = request.responseText;
				console.log("3");
				
			}
			if(request.readyState ==4){
				var text = request.responseText;			
				p.innerHTML=" Request Processed  "+text;
			}
		}
	</script>
</head>
<body>
	<h1>AJAX REQUEST IN JSP</h1>
	<form>
		<p><label>YOUR NAME</label>
		<input type="text" name="username" id="username" required="required"></p>
		<p><label>YOUR EMAIL</label>
		<input type="email" name="email" id="email" required="required"></p>
		<p><label>YOUR PHONE</label>
		<input type="tel" name="tel" id="tel" required="required"></p>
		<p><label>YOUR DIVISION</label>
		<select name="division" required="required" id="division">
		<option value="">Select</option>
		<option value="East">East</option>
		<option value="West">West</option>
		<option value="North">North</option>
		<option value="South">South</option>
		</select></p>
		<button type="button" onclick="loadAjax()">REGISTER</button>
	</form>
	<p id="print"></p>
</body>
</html>
 类似资料:
  • 本文向大家介绍Ajax请求内嵌套Ajax请求示例代码,包括了Ajax请求内嵌套Ajax请求示例代码的使用技巧和注意事项,需要的朋友参考一下 前段时间做项目,需要把全国省市的两个XML文件整合成一个JSON格式的数据,手写的话觉得数据太多了,而且容易出错,于是就想到了用Ajax嵌套的方法来解决,就想平时用Ajax的方法直接嵌套,都会先读出外面Ajax的内容,然后才读取嵌套在Ajax里面的内容,后面经

  • 本文向大家介绍jsp+ajax发送GET请求的方法,包括了jsp+ajax发送GET请求的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ajax发送GET请求,然后通过jsp页面来接收处理的实现方法。分享给大家供大家参考。具体实现方法如下: Ajax发送GET请求 这里用一个实例演示Ajax发送get请求,实例具体要求为一个注册页面,当用户填写完用户名称时,该输入框失去焦点后会通过A

  • 本文向大家介绍jquery请求servlet实现ajax异步请求的示例,包括了jquery请求servlet实现ajax异步请求的示例的使用技巧和注意事项,需要的朋友参考一下 ajax可以发送异步请求实现无刷新效果,但是使用javascript比较麻烦,就query提供了一些封装的方法 ,可以使得操作更为简单: $.ajax()方法: $.get()方法: $.post()方法: $.load()

  • 本文向大家介绍Django中的ajax请求,包括了Django中的ajax请求的使用技巧和注意事项,需要的朋友参考一下 需求:实现ajax请求,在界面上任意地方点击,可以成功传参。 创建项目如下所示: settings.py文件的设置,这次我们除了要注册app和设置templates文件夹的路径,还要多设置一下static的路径,代码如下: 首先,先对界面做处理,设置高为100%,然后引入我们所需

  • 问题内容: 我想要的是具有更改页面一部分的链接,以及它的动态URL,在这里可以指定诸如 单击此处进行精确演示 所以这是我需要的链接格式: 我必须像链接变量和这样我就可以改变一个页面上的多个万物而不realoading。 或诸如http://www.wbhomes.com.au上的另一种格式,这 正是 我想要的,但是第一种格式也不错,但这要漂亮得多。 要求 需要从任何地方访问,例如邮件,或者我只写在

  • 问题内容: 如何使用jQuery在Grails页面中发出Ajax请求? 如何在Grails Controller上设置击中方法的URL?假设控制器:“机场”,动作:“ getJson”,动作的输入为“ iata”。 我能够将静态网址设置为,但无法弄清楚如何为iata传递输入。 我对Grails并不陌生,并遵循IBM的“掌握Grails”教程系列。建议我给我一些有关将Grails与jQuery一起使