当前位置 : 主页 > 网络编程 > JavaScript >

不用JQ使用AJAX技术

来源:互联网 收集:自由互联 发布时间:2021-06-30
gistfile1.txt ajax的简易编写大致分为四个部分创建一个Ajax对象,连接服务器,发送请求,接收返回值在创建对象的时候有一个兼容的问题,IE6不兼容XMLHttpRequest(),因此用if语句进行判断i
gistfile1.txt
ajax的简易编写大致分为四个部分

创建一个Ajax对象,连接服务器,发送请求,接收返回值

在创建对象的时候有一个兼容的问题,IE6不兼容XMLHttpRequest(),因此用if语句进行判断

if(window.XMLHttpRequest)

{

var oAjax=new XMLHttpRequest();

}

else

{

var oAjax=new ActiveXObject("Microsoft.XMLHTTP");

}

第二步连接服务器  用open方法,open(方法(get/post),文件名,异步传输),在这里可以有一,个清除缓存:缓存是通过url来的,只要让url不停地改变就可以清除缓存,把路径改为   "url?t="+new Date().getTime()

第三部发送请求,直接send()

第四部接收需要判断,

readystate属性:请求状态:

0,未调用open()

1,载入send()

2,完成载入send()

3,解析

4,完成【不管有没有成功都算完成】

status:完成状态

200-成功,其他失败












 

Document

















补充:

在输出静态文件是,有事文件内容不是字符串,可疑通过eval()进行提取

get和post的区别

get:在传输是会暴露个人信息,安全性差,容量小,有缓存

post:安全性稍微好一点,容量大(2G),没缓存



Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

在进行ajax实验获得文本的时候提示错误,查了一下原因是没有在服务器环境里运行ajax(也就是直接浏览器打开)

解决方法:下载wampserver,把文件在www目录下进行访问

利用ajax进行异步传输的函数调用ajax("调用路径",成功函数,失败函数)
网友评论