AJAX技术在PHP开发中的简单应用

/**
* 初始化一个xmlhttp对象
*/
function initajax()
{
　var ajax=false;
　try {
　　ajax = new activexobject("msxml2.xmlhttp");
　} catch (e) {
　　try {
　　　ajax = new activexobject("microsoft.xmlhttp");
　　} catch (e) {
　　　ajax = false;
　　}
　}
　if (!ajax && typeof xmlhttprequest!='undefined') {
　　ajax = new xmlhttprequest();
　}
　return ajax;
}

//将链接改为：
＜a href="#" onclick="getnews(1)"＞新闻1＜/a＞

//并且设置一个接收新闻的层，并且设置为不显示：
＜div id="show_news"＞＜/div＞

　　同时构造相应的javascript函数：

function getnews(newsid)
{
　//如果没有把参数newsid传进来
　if (typeof(newsid) == 'undefined')
　{
　　return false;
　}
　//需要进行ajax的url地址
　var url = "/show.php?id="+ newsid;

　//获取新闻显示层的位置
　var show = document.getelementbyid("show_news");

　//实例化ajax对象
　var ajax = initajax();

　//使用get方式进行请求
　ajax.open("get", url, true);

　//获取执行状态
　ajax.onreadystatechange = function() {
　　//如果执行是状态正常，那么就把返回的内容赋值给上面指定的层
　　if (ajax.readystate == 4 && ajax.status == 200) {
　　　show.innerhtml = ajax.responsetext;
　　}
　}
　//发送空
　ajax.send(null);
}

//构建一个表单，表单中不需要action、method之类的属性，全部由ajax来搞定了。
＜form name="user_info"＞
姓名：＜input type="text" name="user_name" /＞＜br /＞
年龄：＜input type="text" name="user_age" /＞＜br /＞
性别：＜input type="text" name="user_sex" /＞＜br /＞

＜input type="button" value="提交表单" onclick="saveuserinfo()"＞
＜/form＞
//构建一个接受返回信息的层：
＜div id="msg"＞＜/div＞

function saveuserinfo()
{
　//获取接受返回信息层
　var msg = document.getelementbyid("msg");

　//获取表单对象和用户信息值
　var f = document.user_info;
　var username = f.user_name.value;
　var userage = f.user_age.value;
　var usersex = f.user_sex.value;

　//接收表单的url地址
　var url = "/save_info.php";

　//需要post的值，把每个变量都通过&来联接
　var poststr = "user_name="+ username +"&user_age="+ userage +"&user_sex="+ usersex;

　//实例化ajax
　var ajax = initajax();
　
　//通过post方式打开连接
　ajax.open("post", url, true);

　//定义传输的文件http头信息
　ajax.setrequestheader("content-type","application/x-www-form-urlencoded");

　//发送post数据
　ajax.send(poststr);

　//获取执行状态
　ajax.onreadystatechange = function() {
　　//如果执行状态成功，那么就把返回信息写到指定的层里
　　if (ajax.readystate == 4 && ajax.status == 200) {
　　　msg.innerhtml = ajax.responsetext;
　　}
　}
}

　　大致使用post方式的过程就是这样，当然，实际开发情况可能会更复杂，这就需要开发者去慢慢琢磨。