ajax基础(1)

ajax 4步曲

//1、打开浏览器
            var xhr = null;
            if (window.XMLHttpRequest) {  //兼容处理
                xhr = new XMLHttpRequest()
            }else {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //2、输入地址
            xhr.open('GET' , '1.txt' ,true);

            //3、提交
            xhr.send();

            //4、返回结果
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4) {
                    if (xhr.status == 200) {  //xhr.status 服务器的状态
                        alert(xhr.responseText)
                    }else {
                        alert('啊噢,出错了:  '+ xhr.status)
                    }

                };
            }

get与post存在的一些问题

1、get方式的缓存问题 :
    在url?后面连接一个随机数,时间戳
    xhr.open('get','shoname.php?username=BOB&age=100&'+new Date().getTime(),true)

2、get方式乱码,编码encodeURI
    xhr.open('get',"shoname.php?username='+encodeURI('老王')+'&age=100&"+new Date().getTime(),true)

3、post方式:数据放在send()方法里作为参数传递
    (1)请求头:指定发送的文档类型(编码)
    xhr.setRequestHeader('content-type','application/x-www-form-urlencode');
    (2)传参,如果传递username=老王,不需要编码encodeURI了,因为请求头已经声明了
    xhr.send('username=BOB&age=100')

4、post没有缓存问题。

5、stringify : 把一个对象转成对应的字符串
6、parse : 把字符串转成对应的对象,字符串格式的json的key值,必须用双引号引起来。
阅读更多
文章标签: ajax xmlhttprequest
个人分类: ajax
上一篇jQuery第四课 ——运动
下一篇ajax基础(2)封装
想对作者说点什么? 我来说一句

ajax基础资源大全

2011年07月28日 1.29MB 下载

第八章 AJAX基础

2011年05月21日 97KB 下载

ASP.NET Ajax基础

2011年05月04日 474KB 下载

没有更多推荐了,返回首页

关闭
关闭