ajax基本语法与请求发送

一、请求
	1、如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open()send() 方法:
		无法使用缓存文件(更新服务器上的文件或数据库)
		向服务器发送大量数据(POST 没有数据量限制)
		发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
	2、如果您希望通过 GET 方法发送信息,请向 URL 添加信息:
		xmlhttp.open("GET","demo_get2.asp?fname=Bill&lname=Gates",true);
		xmlhttp.send();
	       如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:
		xmlhttp.open("POST","ajax_test.asp",true);
		xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		xmlhttp.send("fname=Bill&lname=Gates");
		open() 方法的 url 参数是服务器上文件的地址:	协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志。
		
二、响应
	如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
		document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
每当 readyState 改变时,就会触发 onreadystatechange 事件。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
onreadystatechange 事件被触发 5 次(0 - 4),对应着 readyState 的每个变化。
当 readyState 等于 4 且状态为 200 时,表示响应已就绪:
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState4 && xmlhttp.status200)
{
document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;
}
}

onreadystatechange 事件被触发 5 次(0 - 4),对应着 readyState 的每个变化。
当 readyState 等于 4 且状态为 200 时,表示响应已就绪:
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值