<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
var xmlHttpReq;
//创建一个XmlHttpRequest对象
function createXmlHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttpReq = new XMLHttpRequest();//非IE浏览器
} else if (window.ActiveXObject) {
xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器
}
}
function check(name){
if(name!=""){
alert(name);
//1.创建一个XmlHttpRequest对象
createXmlHttpRequest();
//2.调用XMLHTTPRequest对象的 open方法()，
//初始化XMLHttpRequest组件
//处理缓存问题 url后面再加个时间参数，保证每次请求的url都不同
var url = "validate";
var query = "name="+name;
xmlHttpReq.open("POST",url,true);
// "Get"是请求方式，
//url向后台服务器发送请求的url
//true 代表使用异步请求， 可选参数，默认为true
//3.注册回调函数
xmlHttpReq.onreadystatechange=callBack;
//callBack 为自定义的回调函数的名字 注意：后面没有括号
//当xmlHttpReq对象的readystate状态改变时自动触发 回调函数callBack
//4.把请求发送到服务器
xmlHttpReq.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlHttpReq.send(query); //post请求
}else{
alert("请输入数据");
}
}
function callBack(){
//alert("readyState:"+xmlHttpReq.readyState);
if(xmlHttpReq.readyState==4){//ajax引擎初始化成功
if(xmlHttpReq.status==200){//与tomcat（服务器）交互成功,http协议成功
alert("xmlHttpReq.status:"+xmlHttpReq.status);
var text = xmlHttpReq.responseText;
//通过responseText 属性，取出服务器端返回的数据
alert(text);
}
}
}
</script>
</head>
<body>
<p align="center">
用户注册
</p>
<table align="center">
<tr>
<td>
用户名
</td>
<td>
<input type="text" onblur="check(this.value)">
</td>
<td>
<span id="sp1"></span>
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
以下是一个Ajax POST请求的例子： ```javascript var xhr = new XMLHttpRequest(); xhr.open('POST', 'https://example.com/api/data'); xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头...
$.ajax方法接受一个配置对象，该对象包含了许多可选参数，如URL、请求类型（GET或POST）、数据类型（如JSON、HTML等）以及回调函数等。下面是一个基本的使用示例： ```javascript $.ajax({ url: '服务器接口地址',...
这段代码演示了如何使用jQuery的$.ajax()方法发起一个POST请求，获取验证码（CAPTCHA）。请求的URL包含了`getCaptcha.action`，这是服务器端处理请求的控制器或服务端点。发送的数据包括电话号码（telphone）、请求...
Ajax跨域POST请求通过CORS机制实现，Spring框架提供了一套便捷的配置方式。在前端，我们使用jQuery或原生JavaScript发起跨域请求。理解并正确配置CORS，以及安全地使用跨域请求，是Web开发中不可或缺的知识点。
如果是POST请求，则需要传递参数。 5. **接收响应**：在回调函数中，通过`responseText`或`responseXML`属性获取服务器返回的数据。通常，`responseText`用于获取纯文本，而`responseXML`用于获取XML格式的响应。 ...
POST请求则需要传递数据。 5. **监听状态变化**：使用`onreadystatechange`事件监听请求状态，当状态变为4（表示请求已完成）时，可以读取响应。 6. **处理响应**：通过`responseText`或`responseXML`属性获取服务器...
对于POST请求，特别是当数据需要以JSON格式发送时，我们需要借助JavaScript，通常使用AJAX（Asynchronous JavaScript and XML）技术，通过XMLHttpRequest或Fetch API来实现。JSON是一种轻量级的数据交换格式，它的...
type: 'get', // 请求方式，get或post data: {}, // 请求所传参数，json格式 dataType: 'json', // 返回的数据格式 success: function(data) { alert("成功"); }, complete: function(XMLHttpRequest, status...
对于POST请求，可以传递一个包含请求数据的对象。 5. **处理响应**：在`onreadystatechange`回调函数中，你可以访问到服务器返回的数据。例如，如果响应是文本格式，你可以使用`xhr.responseText`来获取。 在实际...
Ajax（异步JavaScript和XML）是一种在无需...在这个例子中，我们了解了如何创建和使用Ajax请求，以及如何处理服务器返回的数据。通过结合`index.html`、`ajax.js`和`get.php`这三个文件，可以构建一个简单的Ajax应用。
这个例子展示了如何在JSP中使用Ajax进行异步数据交互，但实际应用中，你可能需要考虑更多的因素，比如错误处理、安全性、性能优化等。了解Ajax的基本原理和使用方式，可以帮助你在开发富客户端Web应用时提高效率和...
- `$.post()`则是`$.ajax()`的POST请求简写，用于向服务器发送数据。例如： ```javascript $.post('http://example.com/api/data', {key1: 'value1', key2: 'value2'}, function(response) { console.log('Data ...
这个"一个简单的Ajax例子"可能包含了如何创建和发送一个基本的Ajax请求，解析返回的数据，以及如何将这些数据应用到网页上。通过这个实例，学习者可以理解Ajax的工作原理，并逐步掌握在实际项目中运用Ajax的技术。
总结起来，这个"一个实用了spring mvc和ajax异步请求的例子"涵盖了Web开发中的重要概念，包括Spring MVC的Controller设计、RESTful API的实现以及Ajax的异步数据交互。这样的组合使得Web应用更加动态，用户体验更佳...
在本案例中，“一些ajax例子,ajax学习例子”是一个学习和实践Ajax技术的资源集合。 Ajax的核心是JavaScript对象XMLHttpRequest，它允许开发者在后台与服务器进行通信，而不会打断用户的交互。以下是一些关键的Ajax...
使用JavaScript，我们可以创建XMLHttpRequest对象，然后设置其`open`方法来定义请求类型（GET或POST）、URL和是否异步执行。接着，使用`send`方法发送请求。在`onreadystatechange`事件处理函数中，检查`readyState...
总的来说，这个简单的Ajax例子展示了如何通过JavaScript与服务器进行异步通信，以及如何将返回的数据动态地更新到页面上。对于初学者来说，理解这个基本流程是学习Ajax的关键。随着深入学习，你还可以了解更多的高级...
总结，"易懂asp的ajax例子"应该包含如何在ASP中使用Ajax进行异步通信的实例，通过XMLHttpRequest或jQuery的$.ajax()方法，结合客户端和服务器端的脚本编写，实现页面部分数据的动态加载，提高用户体验。文件名...
在HTTP协议中，GET和POST是最常见的两种请求方式。它们之间的主要区别在于： 1. **传输数据的位置**：GET方法通过URL传递参数，而POST方法将数据放在请求体中发送。 2. **安全性**：由于GET请求的数据暴露在URL中，...
总结起来，"jQuery+Ajax例子"是一个展示如何在MyEclipse环境下使用jQuery进行Ajax请求的实践项目。它涵盖了jQuery的Ajax方法、与Java后端的交互以及开源精神的应用，对于理解Web开发中的异步通信具有很高的参考价值...