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

李春林01989

李春林01989

2016-02-20 00:48

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://m.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 应用程序就搞定了。

展开更多 50%)
分享

猜你喜欢

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

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

AJAX - 请求服务器

Web开发
AJAX - 请求服务器

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

AJAX教程(2):AJAX Http请求

Web开发
AJAX教程(2):AJAX Http请求

AJAX教程(8):AJAX 请求实例

Web开发
AJAX教程(8):AJAX 请求实例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJAX教程(9):AJAX 请求 源代码

Web开发
AJAX教程(9):AJAX 请求 源代码

AJAX编程实践之与服务器通信

电脑网络
AJAX编程实践之与服务器通信

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何关闭WINDOWS文件保护系统方法

如何关闭WINDOWS文件保护系统方法

AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求

AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
下拉加载更多内容 ↓