标签:utf-8 执行 资源文件 长度限制 else append 加载 gettime 产生
1)get把数据名称和数据值用=连接,如果有多个的话,那么他会把多个数据组合用&进行连接,然后把数据放到url?后面传到指定页面url长度限制的原因,我们不要通过get方式传递过多的数据<form action="get.php" enctype="application/x-www-form-urlencoded">2)post理论上无限制<form action="post.php" method="post">
//代码尝试执行这个块中的内容,如果有错误,则会执行catch{}, 并且传入错误信息参数//alert(a);//new throw();//throw new Error(‘错了错了‘);无论前面的对不对都抛出一个错误
var oBtn = document.getElementById(‘btn‘);oBtn.onclick = function() {
/*1.创建一个ajax对象ie6以下new ActiveXObject(‘Microsoft.XMLHTTP‘)标准下:new XMLHttpRequest();*///用if判断和用try catch一样/*if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else {
xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘);
}*/var xhr = null;try {
xhr = new XMLHttpRequest();
} catch (e) {
xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘);
}/*2、设置传输内容与方式open方法参数1)提交方式2)提交地址3)是否异步true 异步:非阻塞 前面的代码不会影响后面代码的执行false 同步:阻塞 前面的代码会影响后面代码的执行*/xhr.open(‘get‘,‘1.txt‘,true);//3、发送数据请求xhr.send();/*4、等待服务器返回内容onreadystatechange : 当readyState改变的时候触发的事件readyState : ajax工作状态,请求状态0 (初始化)还没有调用open()方法1 (载入)已调用send()方法,正在发送请求2 (载入完成)send()方法完成,已收到全部响应内容3 (解析)正在解析响应内容4 (完成)响应内容解析完成,可以在客户端调用了返回的内容:responseText : ajax请求返回的内容就以文本形式(string)存放到这个属性下面,
把后台所有的类型,包括数组和json的object类型在内 都转成string类型
responseXML:返回XML形式的内容status : 服务器(请求资源)状态,http状态码:200成功,404找不到资源、500服务器端错误...*/xhr.onreadystatechange = function() {
if ( xhr.readyState == 4 ) {if ( xhr.status == 200 ) {
alert( xhr.responseText );
} else {
alert(‘出错了,Err:‘ + xhr.status);
}}
}
}
if ( xhr.readyState == 4 ) {
if ( xhr.status == 200 ) {
var data = JSON.parse( xhr.responseText );//将字符串转成json对象
var oUl = document.getElementById(‘ul1‘);
var html = ‘‘;
for (var i=0; i<data.length; i++) {
html += ‘<li><a href="">‘+data[i].title+‘</a> [<span>‘+data[i].date+‘</span>]</li>‘;
}
oUl.innerHTML = html;
} else {
alert(‘出错了,Err:‘ + xhr.status);
}
}
var xhr = null;try {
xhr = new XMLHttpRequest();
} catch (e) {
xhr = new ActiveXObject(‘Microsoft.XMLHTTP‘);
}if (method == ‘get‘ && data) {
url += ‘?‘ + data;
}xhr.open(method,url,true);if (method == ‘get‘) {
xhr.send();
} else {
xhr.setRequestHeader(‘content-type‘, ‘application/x-www-form-urlencoded‘);
xhr.send(data);
}xhr.onreadystatechange = function() {
if ( xhr.readyState == 4 ) {
if ( xhr.status == 200 ) {
success && success(xhr.responseText);
} else {
alert(‘出错了,Err:‘ + xhr.status);
}
}
}
ajax(‘get‘,‘getNews.php‘,‘‘,function(response) {
var data = JSON.parse( response );var oUl = document.getElementById(‘ul1‘);var html = ‘‘;for (var i=0; i<data.length; i++) {
html += ‘<li><a href="">‘+data[i].title+‘</a> [<span>‘+data[i].date+‘</span>]</li>‘;
}oUl.innerHTML = html;
});
function fn(data) {
var oUl1 = document.getElementById(‘ul1‘);var html = ‘‘;for (var i=0; i<data.length; i++) {html += ‘<li>‘+data[i]+‘</li>‘;
}
oUl1.innerHTML = html;
标签:utf-8 执行 资源文件 长度限制 else append 加载 gettime 产生
原文地址:http://www.cnblogs.com/hello-web/p/7221500.html