AJax技术

AJAX教程(6):AJAX - 请求服务器

字号+ 作者:H5之家 来源:H5之家 2018-04-23 08:00 我要评论( )

AJAX教程(6):AJAX - 请求服务器,AJAX - 向服务器发送一个请求,要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。

网页制作Webjx文章简介:AJAX - 向服务器发送一个请求,要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。

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.asp" 的脚本,这样我们完整的 AJAX 应用程序就搞定了。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JAVA AJAX教程第二章-JAVASCRIPT基础知识(2)

    JAVA AJAX教程第二章-JAVASCRIPT基础知识(2)

    2018-03-29 11:00

  • JAVA AJAX教程第一章—初识AJAX

    JAVA AJAX教程第一章—初识AJAX

    2018-03-11 11:00

  • AJAX AJAX教程 AJAX实例(4)

    AJAX AJAX教程 AJAX实例(4)

    2017-12-11 15:17

  • AJAX AJAX教程 AJAX实例(3)

    AJAX AJAX教程 AJAX实例(3)

    2017-12-01 08:38

网友点评