<%@ 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(){
var name = document.getElementById("tx1").value;
if(name!=""){
alert(name);
//1.创建一个XmlHttpRequest对象
createXmlHttpRequest();
//2.调用XMLHTTPRequest对象的 open方法()，
//初始化XMLHttpRequest组件
//处理缓存问题 url后面再加个时间参数，保证每次请求的url都不同
var url = "validate?name="+name+"&date="+new Date().getTime();
alert("url-1"+url);
url = encodeURI(url);
alert("url-1"+url);
url = encodeURI(url);
alert("url-1"+url);
xmlHttpReq.open("GET",url,true);
// "Get"是请求方式，
//url向后台服务器发送请求的url
//true 代表使用异步请求， 可选参数，默认为true
//3.注册回调函数
xmlHttpReq.onreadystatechange=callBack;
//callBack 为自定义的回调函数的名字 注意：后面没有括号
//当xmlHttpReq对象的readystate状态改变时自动触发 回调函数callBack
//4.把请求发送到服务器
xmlHttpReq.send(); //如果是get请求send方法不需要加参数
}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);
var spanObj = document.getElementById("sp1");
spanObj.innerHTML="<font color='red'>" +text+"</font>"; //把值显示到span中
}
}
}
</script>
</head>
<body>
<p align="center">
用户注册
</p>
<table align="center">
<tr>
<td>
用户名
</td>
<td>
<input type="text" id="tx1">
<input type="button" onclick="check()" value="检测">
</td>
<td>
<span id="sp1"></span>
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
<br>由于AJAX的需要，我带了一个小的ASP服务程序。 这个服务器很小，用的时候也方便。不过用之前最 好把迅雷关掉，它默认的服务端口是80， <br>把此服务器端和两个网页文件解压到同一个文件夹中， ...
Ajax中Get请求和Post请求的区别 简单例子 何时使用Get请求,何时使用Post请求
使用Ajax get请求数据的小例子，使用$.each()循环显示到表格，里面有接口，大家可以使用，欢迎指导学习
主要介绍了原生 JS Ajax,GET和POST 请求实例代码的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
php版跨域 ajax+jsonp例子源代码.zip
GET请求 users = http . get ( 'https://jsonplaceholder.typicode.com/users' , ( err , users ) => { if ( err ) { console . log ( err ) } else { console . log ( users ) ; } } ) ; POST请求 const ...
type: "GET", url:"check_title.php", dataType: "json", data:"title=" + $('#title').val(), success: function(data) { var str=""; for(op1 in data){ str += "<li><a target=blank href='/info/"+data...
Ajax 应用程序的公共线程，您可能已经 ..... 事实上， GET 请求（在典型的Ajax 应用中大约占80%）中，用URL 发送数据
本文实例讲述了jquery ajax 请求小技巧。分享给大家供大家参考，具体如下： jquery 是一个非常好用的js框架，它为我们提供了很多工具。... type:"get', //请求到服务器的方式 我这里是get 也可以用其它形式 如post
在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。 首先我们看$.get(): 代码如下: $.get(“test.jsp”, { name: “cssrain”, time: “2008/01/21” }, //要传递的数据 function(data){ alert(...
包括三个小例子: ...2、发送Get请求，请求Xml文件 3、解析请求结果Xml，主要是getElementsByTagName的运用 4、将结果展现到表格，针对表格删行和增行 截图和说明:http://www.our-code.net/news/2011/n3363171.html
Ajax 是异步的JavaScript和XML的简称...xhr.open('GET', 'send-ajax-data.php'); xhr.send(null); 在这里， 我们创建了一个能向服务器发出 HTTP 请求的类的实例。然后调用其 open 方法，其中第一个参数是 HTTP 请求方
本书重点介绍ajax及相关的工具和技术，主要内容包括xmlhttprequest对象及其属性和方法、发送请求和处理响应、构建完备的ajax开发工具、使用jsunit测试javascript、分析javascript调试工具和技术，以及ajax开发模式和...
一、Ajax请求 1、jQuery.ajax(options) 通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高层实现见 .get,.post 等。 .ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该对象，但...
**method: 请求方式:GET/POST,默认值:'GET'; **url: 发送请求的地址, 默认值: 当前页地址; **data: string,json; **async: 是否异步:true/false,默认值:true; **cache: 是否缓存：true/false,默认值:true; **...
最近遇到，如果用户...用jquery发送ajax请求的确是太方便了，$.get、$.post、$.ajax等等，但我们有时候需要中途中止ajax请求。 举个例子，用comet做聊天时，发送一个请求后，服务端通常过几十秒后才会刷新链接、返回
jquery提供了$.getJSON的方法，让我们可以实现跨域ajax请求，但jqueryAPI上的内容实在太少，如何用$.getJSON，请求网站应该返回怎样的数据库才能让$.getJSON获取到，下面我就用一个实际例子来说明下。
ajax请求后台拿到json类型的数据后，可以在它的success回调方法中进行动态分页，也就是表格重绘，此时，我们需要得到的数据包括：查询得到的数据、数据总条数、总页数、当前页数，其中前三条可在后台获取，对于当前...
request-funjs 快速上手 安装 npm install request-funjs ... Get ( "api/list" , this . params , res => { console . log ( res ) ; } , err => { console . log ( err ) ; } ) 目录 1 、ge
一个简单的 Javascript 库，用于执行返回承诺的 AJAX 请求。 不需要jquery！！ 源代码包括一个带有 index.html 和 server.php 的示例，用于执行一些简单的请求，并了解该库的易用性 例子： ajaxp . get ( 'server...