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

2016-02-20 00:48 4 1 收藏

有了下面这个AJAX教程(6):AJAX - 请求服务器教程,不懂AJAX教程(6):AJAX - 请求服务器的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)AJAX - 向服务器发送一个请求

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

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

htmlbodyscript type="text/javascript"function ajaxFunction() { var xmlHttp;  try{   // Firefox, Opera 8.0+, SafarixmlHttp=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); }/scriptform name="myForm"用户: input type="text" name="username" onkeyup="ajaxFunction();" /时间: input type="text" name="time" //form/body/html

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

来源:https://www.tulaoshi.com/n/20160220/1632563.html

延伸阅读
标签: Web开发
一、 简介 今天,AJAX成为软件界最流行的词藻之一;然而,这种思想并不是新的,只是由于某种原因,在去年下半年,它才变得流行起来。随着基于web的应用软件的不断发展,用户往往要求更丰富更快速的接口。而AJAX能极大地改进用户的web应用程序体验。   对于我来说,AJAX是全新的。在一段时间以前,由于缺乏可试用的工具和现成的...
标签: Web开发
1. Accordion Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane,每一个AccordionPane的template里包括了对其Header和Content的定义。我们可以在后台代码中通过SelectedIndex属性取得...
标签: Web开发
我们已看到AJAX可被用来创建更多交互性的应用程序。 AJAXSuggest实例 在下面的AJAX例子中,我们会演示当用户向一个标准的HTML表单中输入数据时网页如何与web服务器进行通信。 在下面的文本框中输入名字: FirstName: Suggestions: 例子解释-HTML表单 表单的HTML代码: ...
标签: Web开发
AJAXSuggest源代码的实例 下面的源代码属于上一节的AJAX实例。 您可以拷贝粘贴这些代码,然后亲自测试一下。 AJAXHTML页面 这是HTML页面。它包含了一个简单的HTML表单,以及一个指向JavaScript的链接。 html head scriptsrc="clienthint.js"/script /head bo...
标签: Web开发
AJAX 请求 在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与在线的 web 服务器进行通信。 此例包括三张页面: a simple HTML form a JavaScript a PHP page HTML 表单 这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接: html head script src="clienthint.js"/script /head body fo...

经验教程

589

收藏

60
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部