<script type="text/javascript">
var XMLHttpReq = false;
//第一步 创建一个XMLHttpRequest对象
function createXMLHttpReq(){
if(window.XMLHttpRequest){
XMLHttpReq = new XMLHttpRequest();
}
else if(window.ActiveXObject){
try{
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){ }
}
}
}
//第二步 打开连接
XMLHttpReq.open("GET",url,"true");
第三步 调用回调函数proce是回调函数名
XMLHttpReq.onreadystatechange=proce;
//回调函数代码
function proce(){
if(XMLHttpReq.readyState==4){
if(XMLHttpReq.status==200){
//responseXML是返回xml的数据的 要返回文本就用responseText 后面的content 是节点名称 根据节点名称获得里面的value
var res = XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data;
if(res=="loginsuccess"){
window.alert("登陆成功!");
window.location.href="ShowInfo.jsp";
}
if(res=="passworderror"){
window.alert("用户密码错误");
}
if(res=="usernamenull"){
window.alert("用户名不存在!");
}
}else
alert("所请求的页面有异常!");
}
第四步 发送信息
XMLHttpReq.send(null);
}
分享到:
相关推荐
(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。 AJAX 可使因特网应用程序更小、更快,更友好。 AJAX 是一种独立于 Web 服务器软件的...
上一篇讲了Ajax请求数据text类型,text和html都是处理比较简答的数据,而在...1.创建基本的文件结构json_ajax.html和json_ajax.php,下载jquery.js,如图: 2.如图分别编写json_ajax.html和json_ajax.php文件的编码:
全写是 window.XMLHttpRequest对象,由于浏览器的版本不同,特别是老版本的IE浏览器,虽然也支持AJAX引擎,但是写法上有区别,在IE低版本中通常用 ActiveXObject对象来创建AJAX引擎。 AJAX 来自英文“Asynchronous ...
js发送ajax发送,分步骤进行 ajax的核心 是XMLHttpRequest, 步骤1:创建一个对象xmlrequest,在主流的浏览器都支持new , var xmlhttp = new XMLHttpRequest() IE浏览器不支持这种方法,需要再写一个函数来创建 步骤...
实现步骤: 1、创建web工程 2、在jsp页面,编写一个请求servlet的名称"> 3、编写一个servlet,在servlet中产生图形验证码 ------------------------------------------------------------ //1、给客户端作出的...
Ajax 作用: 后台与服务器进行少量数据交换,实现异步更新 使用步骤: 创建XMLHttpRequest对象:var xhr = new XMLHttpRequest(); 给定请求方式与请求地址:xhr.open(“get”,“www.example.com”); 发送请求:xhr....
第一步:在同一目录下创建ajax.html和ajax.php 第二步:编写ajax.html,注意修改文件编码为utf-8,代码如下: <!DOCTYPE html> <html> <head> <title>Ajax</title>
使用ajax有以下固定步骤: 1, 从页面触发Ajax的操作. 2, 定义创建XMLHttpRequest对象的方法(建立一个XMLHttpRequest对象),也是就var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//根据浏览器的不同有差异 3,...
首先我们创建ajax的核心对象,由于浏览器的兼容问题我们在创建ajax核心对象的时候不得考虑其兼容问题,因为要想实现异步交互的后面步骤都基于第一步是否成功的创建了ajax核心对象. function getXhr(){ // 声明...
1.前端创建HTTPXMLRequest对象及实现步骤,后台用jsp的servlet处理数据; 2.封装HTTPXMLRequest对象,实现通用的ajax技术; 3.利用ajax技术实现登录功能; 4.利用ajax技术,返回xml格式数据并处理,实战案例是实现...
第一部分介绍了Ajax的应用,JavaScript和Ajax应用程序的创建步骤;第二部分深入讨论了各种客户端和服务器端Ajax框架,通过使用这些框架可极大地减少开发Ajax应用程序的工作量;第三部分介绍了Ajax编程涉及的相关技术...
它还会创建AJAX示例代码和SharePoint Designer 2013工作流程步骤。 屏幕截图和详细的安装可以在以下位置找到: : 现在有80多个SharePoint REST API示例! (请参阅下面的列表) 使用方法: 如果您的母版页尚未...
首先我们创建ajax的核心对象,由于浏览器的兼容问题我们在创建ajax核心对象的时候不得考虑其兼容问题,因为要想实现异步交互的后面步骤都基于第一步是否成功的创建了ajax核心对象. function getXhr(){ // 声明...
本文中将解释Ajax背后的概念,演示为基于Java的Web应用程序创建Ajax界面的基本步骤。我将使用代码示例演示让Ajax应用程序如此动态的服务器端Java代码和客户端JavaScript。最后将指出Ajax方式的一些不足,以及在创建...
1、创建异步请求XMLHttpRequest对象 2、发送Get请求,请求Xml文件 3、解析请求结果Xml,主要是getElementsByTagName的运用 4、将结果展现到表格,针对表格删行和增行 截图和说明:...
简单ajax步骤 a.创建request,根据浏览器版本不同,创建不同的request对象; b.request.open("post",url,true); //打开连接,post是提交方式,如果是get方式,直接带问号。 var u = "user="+encodeURI(username);//...
是创建 Ajax 应用的最佳选择。实际上通常把 Ajax 当成 XMLHttpRequest 对象的代名词. 该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向...
这个jQuery插件创建了一种简单的方法来排队ajax请求,使它们能够按顺序执行,但仍异步运行。 当由于不安全/破坏性的POST / PUT / DELETE请求而试图处理应用程序中的竞争条件时,这可能非常有用。 例如,采取以下...
第一步,创建xmlhttprequest对象,var xmlhttp =new XMLHttpRequest();XMLHttpRequest对象用来和服务器交换数据。 var xhttp; if (window.XMLHttpRequest) { //现代主流浏览器 xhttp = new XMLHttpRequest(); } ...
对于您使用此插件的每个表单,都会发生以下步骤: 收集表单参数(动作、方法...) 对于每个字段,收集值和名称属性。 验证每个字段(如果需要且为空,请通知用户关注该字段) 将每个值和名称存储在对象中。 防止...