AJAX基础学习(6)——AJAX 请求服务器

JavaCrazyer

浏览: 3008967 次
性别:
来自: 河南

最近访客更多访客>>

beifengbei08

mnisummer

kristy_yy

qijojo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Web前端-ajax专栏

Ajax 应用服务器浏览器 ASP Safari

AJAX - 向服务器发送一个请求

要想把请求发送到服务器，我们就需要使用 open() 方法和 send() 方法。

open() 方法需要三个参数。第一个参数定义发送请求所使用的方法（GET 还是 POST）。第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。

send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位于相同的目录，那么代码是这样的：

xmlHttp.open("GET","time.asp",true);
xmlHttp.send(null);

现在，我们必须决定何时执行 AJAX 函数。当用户在用户名文本框中键入某些内容时，我们会令函数“在幕后”执行。

<html>
<body>

<script type="text/javascript">

function ajaxFunction()
 {
 var xmlHttp;
 
 try
    {
   // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
 catch (e)
    {

  // Internet Explorer
   try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
   catch (e)
      {

      try
         {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
      catch (e)
         {
         alert("您的浏览器不支持AJAX！");
         return false;
         }
      }
    }
	
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
         document.myForm.time.value=xmlHttp.responseText;
        }
      }
    xmlHttp.open("GET","time.asp",true);
    xmlHttp.send(null);
	
 }
</script>

<form name="myForm">
用户: <input type="text" name="username" onkeyup="ajaxFunction();" />
时间: <input type="text" name="time" />
</form>

</body>
</html>

下一节介绍 "time.jsp" 的脚本，这样我们完整的 AJAX 应用程序就搞定了。

分享到：

AJAX基础学习(7)——AJAX 服务器端的脚 ... | AJAX基础学习(5)——XMLHttpRequest 对象

2010-12-27 15:24
浏览 1235
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

AJAX基础学习(6)——AJAX 请求服务器

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

AJAX基础学习(6)——AJAX 请求服务器

评论

发表评论

相关推荐

AJAX中GET和POST方式乱码解决方案

AJAX高级学习(5)——AJAX ResponseXML 实例

AJAX高级学习(4)——AJAX XML 实例

AJAX高级学习(3)——AJAX 数据库实例

AJAX高级学习(2)——AJAX 请求 源代码

AJAX高级学习(1)——AJAX 请求实例

AJAX基础学习(7)——AJAX 服务器端的脚本

AJAX基础学习(5)——XMLHttpRequest 对象

AJAX基础学习(4)——AJAX 浏览器支持

AJAX基础学习(3)——AJAX 实例

AJAX基础学习(2)——AJAX Http 请求

AJAX基础学习(1)——AJAX简介

使用AJAX实现动态刷新页面功能

最近访客更多访客>>

AJAX高级学习(2)——AJAX 请求源代码