Ajax技术以及js基础

Ajax技术：

Ajax全称:Asynchronous JavaScript And XML.

特点：可在不刷新整个网页情况下对网页中某一部分刷新

创建Ajax对象：

就是创建XMLHttpRequest对象；IE7+、Firefox、Chrome、Safari和Opera均支持XMLHttpRequest,老版本IE5和IE6浏览器使用ActiveXObject对象。

创建XMLHttpRequest对象：

AjaxObject = new XMLHttpRequest(); ###创建ActiveXObject对象: AjaxObject = new ActiveXObject(“Microsoft.XMLHTTP”); ###示例： var AjaxObject;
If(window.XMLHttpRequest){
AjaxObject = new XMLHttpRequest();
}else{
AjaxObject = new ActiveXObject(“Microsoft.XMLHTTP”);
}
Ajax请求和响应：
| 方法 | 说明 | | ---- | ---- | ---- | | open(method,URL,async) | method:请求类型（get/post） URL:文件在服务器的位置 Async:true(异步)/false(同步) | |send(string)|将请求发送到服务器 String:仅用于post请求方法
Tip:GET请求发送数据量较小，POST发送数据量比较大 使用get请求时，参数在URL中显示，使用POST则不会显示，故请求账号密码最好用POST请求 。
##案例： var ajaxfn(){
Var AjaxObject;
If(window.XMLHttpRequest){
AjaxObject = new XMLHttpRequest();
}else{
AjaxObject = new ActiveXObject(“Microsoft.XMLHTTP”);
}
AjaxObject.open(“GET”,”/example.txt”,true);
AjaxObject.send();
If(AjaxObject.onreadystate==4&&AjaxObject.status==200){
document . getElementById(“view”).innerHTML=AjaxObject.responseText;
}
} ##JavaScript面向对象基础
###狭义对象：
即用‘{}’定义的形式定义对象，它是一组属性的无序集合：
var girl{
food:”蛋糕”,
drink:”奶茶”,
height:”165”,
weight:”110”
} ##数组实现：
var girl={“165”,”110”,[“蛋糕”,”奶茶”]};用“[]”将同一属性包裹起来。
##广义对象 var box=document.getElementById(“box”);
alert(typeof(box));
box.name=”小周”;
box.age=”16”;
box.address=”福州”;
box.intrest=[“看小说”,”遛狗”,”美食”];

对象的方法:如果一个对象的属性值是一个函数，那么这个函数就叫做该对象的方法。
var object={ name:”小周”; say:function(){ alert(this.name+”:”+“我很好”); }
//调用object方法
object.say(); }
##原型链 function girl(name,age){
this.name=name;
this.age=age;
}
xiaozhou.prototype={
“score”:”99分”
};
var xiaozhou=new girl(“小周”,”16”)
alert(xiaozhou.score);