PHP中POST方式的Ajax


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

POST方式的Ajax技术

JS部分:

#
#
function title_a(){
var fanhui = document.getElementById('title_MM');  //获取接受返回信息层
var title = document.getElementById('title').value;  //获取表单对象和用户信息值
var url = "./2.php";   //接收表单的URL地址
var postStr   = "t="+ title;   //需要POST的值,把每个变量都通过&来联接
//实例化Ajax
    var ajax = false;
     //开始初始化XMLHttpRequest对象
    if(window.XMLHttpRequest) {   //Mozilla 浏览器
        ajax = new XMLHttpRequest();
        if (ajax.overrideMimeType) {  //设置MiME类别
            ajax.overrideMimeType("text/xml");
        }
     }
    else if (window.ActiveXObject) {   //IE浏览器
        try {
            ajax = new ActiveXObject("Msxml2.XMLHTTP");
        }catch (e){
            try {
            ajax = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
     }
     if (!ajax) {   //异常,创建对象实例失败
        window.alert("不能创建XMLHttpRequest对象实例.");
        return false;
     }
ajax.open("POST", url, true);  //通过Post方式打开连接
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  //定义传输的文件HTTP头信息
ajax.send(postStr);  //发送POST数据
ajax.onreadystatechange = function() {  //获取执行状态
   //如果执行状态成功,那么就把返回信息写到指定的层里
    if (ajax.readyState == 4 && ajax.status == 200) {
        fanhui.innerHTML = ajax.responseText;
    }
}
}
#
#

PHP部分:

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

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

HTML部分:

#
#
<input type="text" name="title" id="title" onblur="title_a()">
<span id="title_MM"></span>
#
#

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

上一篇 下一篇