<%@ 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中Get请求和Post请求的区别 简单例子 何时使用Get请求,何时使用Post请求
ajax跨域post请求，spring例子。
php版跨域 ajax+jsonp例子源代码.zip
主要介绍了原生 JS Ajax,GET和POST 请求实例代码的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
.ajaxStop()——请求结束时.ajaxSuccess()——请求成功时.load()——从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()——使用HTTP POST请求加载服务端数据.serialize()——将form元素集编码成一个...
struts2下通过jquery的ajax从后台传json对象并展示在web页面上的一个小例子，所需的jar包请自己下载否则无法运行，所需的包包括struts的必须包，json的支持包和struts对json的支持包
入门 下载并包含JavaScript文件| | | | < script src =" simpleAjax.js " >... POST请求 const data = { "name" : "Bolaji Ayodeji" , "username" : "bolajiayodeji" , "email" : "hi@bolajiayodeji.c
本文实例讲述了jquery ajax 请求小技巧。分享给大家供大家参考，具体如下： jquery 是一个非常好用的js框架，它为我们提供了很多工具。... type:"get', //请求到服务器的方式 我这里是get 也可以用其它形式 如post
下面仅做了一个跨域请求的例子，在本域请求是一样的，而且更简单一些。客户端环境用的是RN写的一个页面，也可以用浏览器的console控制台模拟。后端服务用的是NodeJs express框架。 1）Fetch请求 //发送Ajax请求...
在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。 首先我们看$.get(): 代码如下: $.get(“test.jsp”, { name: “cssrain”, time: “2008/01/21” }, //要传递的数据 function(data){ alert(...
本书重点介绍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做聊天时，发送一个请求后，服务端通常过几十秒后才会刷新链接、返回
在使用MVC时，向服务器端发送POST请求时有时需要传递数组作为参数值 下面使用例子说明，首先看一下Action [HttpPost] public ActionResult Test(List<string> model) { return Json(null, JsonRequestBehavior....
jquery 异步提交的例子。使用的是jquery + servlet 。使用jquery $.get() $.post() 提交请求道servlet 页面
request-funjs 快速上手 安装 npm install request-...例子 this . Request . Get ( "api/list" , this . params , res => { console . log ( res ) ; } , err => { console . log ( err ) ; } ) 目录 1 、ge
最近在最有做一个嵌入式课程设计，要求是利用基于cortax a8的物联网...1. get 还是 post请求：怎么发请求参见W3School上的ajax教程 推荐一般人没有前端基础的人使用get请求，因为只需要在请求的参数做一个字符串拼接就
form.attr(“method”,”post”);form.attr(“action”,”exportData”);var input1=$(“<input>”);input1.attr(“type”,”hidden”);input1.attr(“name”,”exportData”);input1.attr(“value”,(new ...
下载 V 0.1.6 (5K,2007.1.16) | 语法：AJAXCALL(url,handleResponse,param);...attach：扩展参数，可以传递自定义的值，比如DIV的id等）例子1：AJAXCALL(“gaogao.xml”,”doPostXml”,”method=POST ,i