百度2012年新进本科技术类员工培训教材ajax篇

百度2012年新进本科技术类员工培训教材ajax篇
1． //告诉浏览器不要缓存数据
header("Cache-Control: no-cache");
//这里两句话很重要,第一讲话告诉浏览器返回的数据是xml格式
header("Content-Type: text/xml;charset=utf-8");
2．Get/post区别
Post安全性高，数据量较大，不会出来乱码。发的请求不再写在url中。如：
register.php
var url="/ajax/registerProcess.php";
//这个是要发送的数据
var data="username="+$('username').value;
//打开请求.
myXmlHttpRequest.open("post",url,true);
//还有一句话，这句话必须.
myXmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//指定回调函数.chuli是函数名
myXmlHttpRequest.onreadystatechange=chuli;


//真的发送请求,如果是get请求则填入 null即可
//如果是post请求，则填入实际的数据
myXmlHttpRequest.send(data);
registerPro.php关键码 ：
$username=$_POST['username'];




3.返回的4种格式
Html,xml,json
Xml:有时返回的信息，描述能力更强。
注意header中text/xml
回调函数有变化
myXmlHttp取得是一个对像。
Js中的xml dom编程
Js中的xml html编程


没有id，故而使用二步，第一步：取节点；第二步：取节点值。
Var mes = myXmlHttpRequest.responseXML.getElementsByTagName(“mes”)
mes_value=mes[0].childNodes[0].nodeValue;
Json :推荐此格式
① json的格式如下 ：


"{属性名:属性值,属性名:属性值,.... }"
<script language=”JavaScript”>
var people = {‘name’ : ‘xiao’,’age’ :’8’} ;
window.alert(typeof people);//看看是何类型


window.alert(people.name);//是一个对像，故而
</script>
因为json数据是原生态数据，因此这种数据格式很稳定，而且描述能力强
② json数据格式的扩展


如果服务器返回的json 是多组数据，则格式应当如下:
$info="[{"属性名":"属性值",...},{"属性名":"属性值",...},....]";
在xmlhttprequest对象接收到json数据后，应当这样处理


例子，服务器程序
$info=’{“res”:”此用户不可用。”}’;
echo $info;
js程序：
回调函数，要改成字符串，不是xml了。
使用eval函数，把mes转成对应的对像
var mes_obj = eval (“(“+mes+”)”);
window.alert(mes_obj) ;


json比xml更好，真的，你们不懂的。当返回多个时，使用[]加起来


若 远程应用程序未知时，可以用xml，如flash播放器，vb程序。xml是世界语，最通用的。