学习ajax有感~~~(连载)

什么是 AJAX ？

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

Google Suggest

在 2005 年，Google 通过其 Google Suggest 使 AJAX 变得流行起来。

Google Suggest 使用 AJAX 创造出动态性极强的 web 界面：当您在谷歌的搜索框输入关键字时，JavaScript 会把这些字符发送到服务器，然后服务器会返回一个搜索建议的列表。

AJAX实例

function changeval(){

var xmlhttp = null;

//判断浏览器版本

if (window.XMLHttpRequest) {

//这里创建一个XMLHttpRequest对象

xmlhttp = new XMLHttpRequest();

} else if (window.ActiveXObject) {

//如果是IE5和IE6就用这个 老版本的 他们用的是ActiveX对象

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

// xmlhttp.overrideMimeType("Text/xml");

}

if (xmlhttp == null) {

return false;

}

//实际上是一个callback方法;

xmlhttp.onreadystatechange = function() {

//判断从服务器返回状态.当然可以在服务器端设置返回内容

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

//用xmlhttp.ResponseText可以取得返回内容;

}

}

//请求的对象,包函请求方法,url或者文件地址

xmlhttp.open(methed,url,boolean);

//设置请求头

xmlhttp.setRequestHeader("Content-Type",

"application/x-www-form-urlencoded");

//请求的内容,例如你要发送一个username,那么+后面就是你通过dom操作得到的值,也就是username的值

xmlhttp.send("$username="+document.getElementById("username").value);

}
//这段代码并不是从上向下依次执行的callback方法是最后一步才执行的;

在php中要取得html的传值

<?php

//这个就能取得值,因为这里我发送请求的方法为post,所以在服务器端我应该用$_post取值

$_POST['$username'];

?>

未完待续~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~