ajax基础(1)

原创 2015年11月19日 22:45:13

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基础教程1/5

  • 2007年09月21日 08:57
  • 4.55MB
  • 下载

Ajax.基础教程.part1

  • 2008年07月26日 07:50
  • 5.72MB
  • 下载

AJAX基础学习(1)(创建对象,发请求)

创建对象 var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, S...

Ajax基础教程1

  • 2007年09月27日 11:16
  • 9MB
  • 下载

Ajax基础教程1

  • 2008年05月27日 09:27
  • 9MB
  • 下载

ajax基础1

AJAX(Asynchronous Javascript and XML)---异步交互(通信) 1、  涉及的技术内容 1)  使用XHTML和CSS标准的显示技术; 2)  使用DOM进行动...

Ajax1基础原理

  • 2011年11月12日 20:47
  • 943KB
  • 下载

ajax基础教程.part1.rar

  • 2008年03月17日 14:19
  • 9.54MB
  • 下载

AJAX基础教程读书笔记1:AJAX之XMLHttpRequest对象

AJAX不是什么新玩意: AJAX是一种客户端技术,是允许客户端和服务器通讯而无需刷新当前页面的技术,与其说是一个特定的技术,准确地说,不如算是一种技巧。它是异步的JavaScript和XML的组合...
  • zhanzkw
  • zhanzkw
  • 2011年09月14日 15:19
  • 568

Ajax基础教程中文版+源代码.part1

  • 2008年01月02日 10:17
  • 23MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax基础(1)
举报原因:
原因补充:

(最多只允许输入30个字)