初识ajax

来源:互联网 发布:nginx golang 编辑:程序博客网 时间:2024/06/09 20:24

什么是Ajax:AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

网页浏览过程分析:请求    到服务器读取    返回数据    下载到本地浏览器看到

那么什么是服务器:能够提供一定服务的特殊电脑。

如何配置自己的服务器程序

(wamp)安装一个wamp集成环境,因为Ajax是读取服务器上面的信息的,所以我们接下来的页面需要保存到www目录下:比如我创建一个文件aa.html放到该目录下。我可以通过浏览器输入下面的信息找到这个文件:

loclhost/aa.html
127.0.0.1/aa.html


传统的开发模式和ajax开发模式。

传统的开发模式:用户的每一次操作都触发一次返回服务器的HTTP请求,服务器做出处理后,返回一个html页面给用户。


ajax开发模式:页面将用户的操作通过ajax引擎与服务器进行通信,将返回的结果给ajax引擎,然后ajax将数据插入指定位置。


ajax基础

XMLHttpRequest 对象

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
创建 XMLHttpRequest 对象的语法:
1. variable=new XMLHttpRequest();
老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:
1. variable=new ActiveXObject("Microsoft.XMLHTTP");
创建ajax的思路方法流程:创建ajax对象,连接服务器,发送请求,接收返回值

阻止缓存方法:缓存是根据URL来存储的。只要url在变,就可以了。在路径那里加上get数据。getTime()是毫秒数

jax(url, fnSucc, fnFaild) 三个函数参数

url:读取文件的路径,可以写相对路径或绝对路径(服务器上面的文件名都不能用中文命名)

fnSucc:成功返回信息

fnFaild:失败返回信息

HTTP请求方法get跟post的对比:

• GET——用于获取数据(如:浏览帖子):不安全,放到url里面传递信息,通过网址传递,容易出错,因为有大小限制:4-10k,有缓存

POST——用于上传数据(如:用户注册):稍微安全一些,不通过网址url,可以传大文件,2G,没有缓存


0 0
原创粉丝点击