================================================================
测试的网页url要使用 localhost / html文件名 为格式测试
所有文件的字符编码集要一致
请求静态txt文件:
ajax函数 ajax(‘读取的文件’,读取成功的函数,读取失败的函数)
阻止缓存干扰:
ajax(‘aaa.txt?t=’+new Date().getTime(),
function(str){alert(str)},
function(){alert(’失败‘)})
请求动态数据:
使用eval()函数转换:
eval函数可以使字符串,经eval转换后得到一个javascript对象,
然后可以以eval()转换过的数据来作为标准来用DOM创建元素
还可以请求JSON文件或者JS文件
get方式适合获取用来浏览的数据
post方式适合用来上传数据
get方式:放入url
?名字=值 & 名字=值 & 名字=值
区别:
**get:**通过网址传递,信息会在网址显示
容量小
安全性差
有缓存
**post:**使用http content 不通过网址
容量大(2G)
安全性好一点
没有缓存
==================================================================
自定义AJAX:
同步:事情一件一件处理(与字面意思相反)
异步:多事件同时处理
创建AJAX文件流程:
类别:
1、手机
2、拨号
3、说
4、听
AJAX
1、创建ajax对象
2、连接服务器
3、发送请求(说出获取什么文件)
4、接收返回值
请求状态监控
onreadystatechange事件
readyState属性:请求状态
0 (未初始化)还没有调用open()方法
1 (载入)已调用send()方法,正在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3 (解析)正在解析响应内容
4 (完成)响应内容解析完成,可以在客户端调用了
status属性:请求结果
responseText属性:显示读取文件
//1.创建Ajax对象
var oAjax=new XMLHttpRequest();
//自定义AJAX文件初级:
!!!!关键看注释说明:
function ajax(url, fnSucc, fnFaild)
{
//1.创建Ajax对象
var oAjax=new XMLHttpRequest();
//2.连接服务器
//open(方法, 文件名, 异步传输)
oAjax.open('GET', url, true);
//3.发送请求
oAjax.send();
//4.接收返回
oAjax.onreadystatechange=function ()
{
//oAjax.readyState //浏览器和服务器,进行到哪一步了
if(oAjax.readyState==4) //读取完成
{
if(oAjax.status==200) //成功
{
fnSucc(oAjax.responseText);//显示读取文件
}
else
{
if(fnFaild)
{
fnFaild(oAjax.status);
}
//alert('失败:'+oAjax.status);
}
}
};
}