AJAX - 向服务器发送一个请求
2010-03-22 10:43
225 查看
要想把请求发送到服务器,我们就需要使用 open() 方法和 send() 方法。
open() 方法需要三个参数。第一个参数定义发送请求所使用的方法(GET 还是 POST)。第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。
send() 方法可将请求送往服务器。如果我们假设 HTML 文件和 ASP 文件位于相同的目录,那么代码是这样的:
xmlHttp.[code]open("GET","time.asp",true);
xmlHttp.
send(null);
[/code]
现在,我们必须决定何时执行 AJAX 函数。当用户在用户名文本框中键入某些内容时,我们会令函数“在幕后”执行。
<html> <body> <script type="text/javascript"> function ajaxFunction() { var [code]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>
[/code]
相关文章推荐
- 一个Ajax请求如何向服务器发送XML
- JSP服务器什么时候将cookie发送给客户端?一次请求中在一个组件中创建了Cookie,在另外一个组件中能接收到值么?
- 在向服务器发送请求时发生传输级错误。 (provider: TCP 提供程序, error: 0 - 远程主机强迫关闭了一个现有的连接。) ---> System.Data.SqlClient.Sql
- 【AJAX】Ajax-向服务器发送请求何时用Get/Post
- AJAX - 向服务器发送请求
- 【03】AJAX 向服务器发送请求
- echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端
- 初涉Ajax,以post或get方法发送数据,以json或xml形式接收服务器返回的请求
- 使用AJAX向服务器发送请求
- AJAX - 向服务器发送请求
- 在向服务器发送请求时发生传输级错误。 (provider: TCP 提供程序, error: 0 - 远程主机强迫关闭了一个现有的连接。)
- 使用$.ajax向服务器发送请求
- 【分享】分享一个发送ajax请求的dom
- AJAX - 向服务器发送请求(整理)
- AJAX - 向服务器发送请求请求
- Ajax---通过JSON与服务器通信(发送请求和处理响应)
- Ajax技术之与服务器通信-发送请求与处理响应
- AJAX--向服务器发送请求
- AJAX如何向服务器发送请求
- 以Base64字符串形式上传文件——在web浏览器端使用原生Javascript及Ajax读取本地文件并发送请求到服务器