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>
分享到:
相关推荐
WEB开发 之 AJAX - 向服务器发送请求.docx
Modello.ajax 有如下特性: 1,跨浏览器 XMLHTTPRequest 调用 2,解决 XMLHTTPRequest 调用时的缓存问题 3,解决 XMLHTTPRequest 的跨域获取问题 4,解决跨域获取时的字符集问题 5,非常简单的调用接口和设置...
Laravel开发-ajax-forwarder Laravel包充当到远程服务器的Ajax请求的代理。
掌握 Ajax第 1 部分-Ajax 简介 掌握 Ajax第 2 部分-使用 JavaScript 和 Ajax 发出异步请求 掌握 Ajax第 3 部分-Ajax 中的高级请求和响应 掌握 Ajax第 4 部分-利用 DOM 进行 Web...掌握 Ajax第 11 部分--服务器端的 JSON
有五个值(0,1,2,3,4),表示ajax对象与服务器通信的状态。其中,4表示ajax对象已经获得了服务器返回的所有的数据。 responseText 获得服务器返回的文本。 responseXML 获得服务器返回的xml文档。 status 获得服务器...
send(content) :向服务器发送请求 属性: onreadystatechange :状态回调函数 responseText/responseXML :服务器的响应字符串 status:服务器返回的HTTP状态码 statusText: 服务器返回的HTTP状态信息 ...
使用juery提交表单,实现ajax跨域请求
在服务器端判断request来自Ajax请求(异步)还是传统请求(同步)
4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以用来创建更多交互式的网络应用程序。 6. AJAX源代码 简要分析上一章节效果的代码原理 7. AJAX与...
jquery-ajax-addToken 将此包含在您的项目中以将安全令牌添加到您的 ajax 请求中从服务器检索令牌并添加到全局层的调用中。 这种情况是服务器有一个 get 服务为您提供一个时间令牌,您应该在下一个请求中包含该令牌...
NULL 博文链接:https://songwensheng.iteye.com/blog/620768
4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以用来创建更多交互式的网络应用程序。 6. AJAX源代码 简要分析上一章节效果的代码原理 ...
nodejs-ws-ajax-rest Nodejs-ws-ajax-rest 项目工作流程: 1- 客户端使用用户名注册(保存在 session.cookies 中) 2- 客户端连接到服务器 3- 客户端选择他将如何继续使用 websockets 或 ajax 请求连接到服务器 4- ...
假Ajax服务器 用 Sinon.js 伪造你的 AJAX jQuery 请求,并在你的测试/规范中存根响应。 安装 将此行添加到应用程序的 Gemfile 中: gem 'fake-ajax-server', group: [:development, :test] 然后执行: $ bundle ...
4. AJAX - 向服务器请求 要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法 5. AJAX实例 AJAX可以用来创建更多交互式的网络应用程序。 6. AJAX源代码 简要分析上一章节效果的代码原理 7. ...
ajax 跨域调用的服务器端解决办法,很实用,附带源码
ajax请求测试器 一个简单的 AJAX 请求测试器。 概述 有时您需要一个“快速而肮脏”的 AJAX 请求测试器。 这旨在填补这一空白。 有许多类似的工具,包括一些内置于 IDE 的工具(我经常使用 PHPStorm,我推荐它)……...
Ajax请求session超时处理流程 java服务器端处理: SessionValidateFilter中修改: if (ServerInfo.isAjax(request)) { request.setAttribute("statusCode", 301); request.setAttribute("message", "Session ...
javascript ajax请求,和接收服务器返回数据
数据是使用AJAX向易语言程序请求交互取到的。虽然wke浏览器也可以交互数据,但个人感觉还是Ajax顺手。像做Web应用系统一样做易语言程序,是一种什么样的feel?。用html写窗口UI,然后用Ajax交互数据。把web应用搬到...