PHP中GET方式的Ajax


Ajax技术是在编程过程中经常用到的技术,这里特地给广大朋友写个小实例。仅供参考(代码直接拷过去用服务器浏览即可用,三个文件放在同一目录下)。

GET方式的Ajax技术

JS部分:

#
#
var xmlHttp;
function S_xmlhttprequest(){   //------------------这个是判断符合ie标准,还是W3C标准
    if(window.ActiveXObject){
        xmlHttp= new ActiveXObject('Microsoft.XMLHTTP');
    }else if(window.XMLHttpRequest){
        xmlHttp= new XMLHttpRequest();
    }
}

function title_a(){          //------------------鼠标一开事件。
    var title = document.getElementById("title").value;
    S_xmlhttprequest();    //------------------引用上面的方法
    xmlHttp.open("GET","1.php?t="+title,true);
    xmlHttp.onreadystatechange = byphp;    //------------------引用byphp方法
    xmlHttp.send(null);
}

function byphp(){     //------------------php运行的结果返回在这里
    var eitail = xmlHttp.responseText;
    document.getElementById('title_MM').innerHTML =eitail;
} 
#
#

PHP部分:

#
#
$tt=(!empty($_GET['t'])?$_GET['t']:"没有数据!"); //------------这里用的是$_GET
$title=$tt."--php部分进行运算!";
echo $title;
#
#

注--意:php部分可以进行相关的php操作,可直接echo输出,也可以进行数据库操作,数据库操作之后只要echo相应内容即可。

HTML部分:

#
#
<input type="text" name="title" id="title" onblur="title_a()">//鼠标失去焦点时候出发title_a这个方法。
<span id="title_MM"></span>
#
#

注--意:HTML部分,需要注意的是,<head></head>区,应该引用外部的js文件(该文件内容就是上面js部分的内容),或者直接将上面的js部分添加到该区。

上一篇 下一篇