`
wenlong342
  • 浏览: 60964 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

ajax的基础实现

    博客分类:
  • ajax
阅读更多

 <%@ page contentType="text/html;charset=gb2312"%>

 


<html>
<head>
<title>实时列表数据</title>
<style type="text/css">
<!--


.STYLE1 {
 font-size: 18px;
 font-weight: bold;
 color: #0000FF;
}
.style2 {
 font-size: 16px;
  }
.style3 {
 font-size: 12px;
  }
.style4{
 font-size: 12px;
 color:#f00;
  }
.style5{
 font-size: 12px;
 color:#3366FF;
  }
-->
</style>
<link href="style.css" type="text/css" rel="stylesheet">
<body onload =sendRequest()>
<a target=_self href="javascript:goUrl()"> <span class="f14b">
<script language="javascript">
 var XMLHttpReq;
 var s="";
 var num=0;
 var id=new Array();
 var url=new Array();
 var link=new Array();
 var text=new Array();
 var memo=new Array();
  //创建XMLHttpRequest对象      
    function createXMLHttpRequest() {

  if(window.XMLHttpRequest) { //Mozilla 浏览器
   XMLHttpReq = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) { // IE浏览器
   try {
    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
    try {
     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {}
   }
  }
 }
 //发送请求函数
 function sendRequest() {
  createXMLHttpRequest();
         var url = "shenyangdata.jsp";
  s="";
  XMLHttpReq.open("GET", url, true);
  XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
  XMLHttpReq.send(null);  // 发送请求
 }
 // 处理返回信息函数
    function processResponse() {
     if (XMLHttpReq.readyState == 4) { // 判断对象状态
         if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
    show();
            } else { //页面不正常
                window.alert("您所请求的页面有异常。");
            }
        }
    }
   
    function show(){
     alert("success");
    }
</script>
</span></a><span id=focustext class=f14b> </span>
</body>
</html>

分享到:
评论

相关推荐

    Ajax基础教程(扫描版)

    第4章 实现基本ajax技术 71 4.1 完成验证 71 4.2 读取响应首部 75 4.3 动态加载列表框 79 4.4 创建自动刷新页面 85 4.5 显示进度条 90 4.6 创建工具提示 95 4.7 动态更新web页面 101 4.8 访问web服务 110 ...

    AJAX实现注册验证的例子

    AJAX实现注册验证的例子 基础的AJAX 、适合 初学者学习 。注释很详细。

    PHP的AJAX技术实现文件异步上传

    因此,这里讨论的内容就是如何在AJAX的技术的基础之上构建异步的文件上传功能。在这个功能当中需要使用到内置的框及(IFRAME)来传 输文件。这个功能实现的效果是页面在上传文件的时候,用户还可以使用该页面并且...

    实验五 AJAX开发及JSP验证码

    1.在实验四基础上使用AJAX技术实现异步登录功能。(40分) Ajax异步的特点为:多个事件并行发生,事件互不影响,请求之后,不刷新整张页面,页面不动,只是刷新页面的局部。异步数据获取技术 XMLHttpRequest对象方法...

    ajax 基础教程 doc文档

    Ajax基础教程 Ajax是当下比较流行的语言之一,可以实现网页的局部刷新,使动态网页的更加灵活。此文档介绍了Ajax的基础。

    《Ajax与PHP基础教程》第二章.

    对于Ajax有一个误解:能够实现这么酷的功能,JavaScript代码肯定是很难实现和维护的.刚 开始尝试这一技术时的确并不简单.基于Ajax的服务器请求结构非常易于理解和调用.只需简单 地创建一个XMLHttpRequest类型的对象,...

    AJAX基础教程-AJAX编程(Javascript实现).rar

    最全的《AJAX基础教程》 就在这里 AJAX编程(Javascript实现).rar 童叟无欺 货真价实

    ajax实现页面内部模块更新

    本资源包括了ajax+asp实现页面更新的全套教程和代码

    AJAX的综合应用,AJAX基础与实践

    AJAX基础与实践,简单实现一个在线聊天室

    Ajax与PHP基础教程

    随着迅速发展的技术,开发人员不断拓展所能实现的功 能范围,也开始要求开发工具更加可靠. 为了满足这种需求,出现了大量"Web开发人员"能够使用的工具.诸如HTML,PHP,ASP 和JavaScript等语言, 可以帮助开发人员在因特网...

    使用jQuery封装的ajax实现登陆时用户名已存在的提示,注意没有连接数据库去做判断,重点只是实现无刷新的数据交换

    通过ajax实现页面无刷新验证用户名是否可用,在不点击提交按钮的基础上自动验证用户名,注意此时没有连接数据库去做判断,重点只是实现无刷新的数据交换

    Ajax基础教程.AJAX入门

    第1章 Ajax简介 第2章 使用XMLHttpRequest对象 第3章 与服务器通信:发送请求和处理响应 第4章 实现基本Ajax技术 第5章 构建完备的Ajax开发工具箱 第6章 使用JsUnit测试JavaScript代码

    Ajax基础教程(正式版)

    ajax基础教程,非常适用于初学者。教程分为六章,包括使用XMLHttpRequest对象,与服务器通信:发送请求和处理响应,实现基本Ajax 技术等

    asp.net ajax

    asp.net ajax 基础学习!

    jquery插件ajax方式实现百度谷歌文本框糊模查询

    jquery插件ajax方式实现百度谷歌文本框糊模查询 文本框的糊查询,支持本地数据源和ajax异步数据请求 支持文本框的状态,如果不是手工输入,而是通过选择到文本框的值,将可取到selected属性为true 前面上传的控件...

    ajax基础扫盲

    ajax基础扫盲系统的全面的介绍了ajax的起源 发展和具体实现应用

    Asp.net C# Ajax基础 示例代码

    (二)的实现步骤如下: 实现步骤如下: 1、创建异步请求XMLHttpRequest对象 2、发送Get请求,请求Xml文件 3、解析请求结果Xml,主要是getElementsByTagName的运用 4、将结果展现到表格,针对表格删行和增行 截图和说明...

    JpetStore用AJAX改进用户体验

    AJAX开发。在JSP/Servlet实现的JPetStore项目基础上,在表单验证、表单输入、订单更新等环节增加AJAX技术,改善项目的用户体验。以下三个任务为必须完成部分,还可自行添加其他改进用户体验的功能。

    [Echarts可视化] 二.php和ajax连接数据库实现动态数据可视化1

    基础性文章,希望对您有所帮助,如果文章中存在不足之处,还请海涵~参考文章:ECharts, PHP, MySQL, Ajax, JQuery 实现前后端数据可视

    tomcat-servlet-ajax最基础例子

    只是实现最基础的功能的例子,对已经掌握ajax的没有任何用处.使用tomcat

Global site tag (gtag.js) - Google Analytics