注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

phperwuhan的博客

记载一个phper的历程!phperwuhan.blog.163.com

 
 
 

日志

 
 

[原创]php ajax开发  

2010-03-23 17:36:54|  分类: ajax |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

ajaxTest.php

<?php

mb_internal_encoding("UTF-8");
/* ajax测试 */
switch ($_GET['cmd']) {
    case 't1':
        die('php-t1');
        break;
    case 't2':
        print_r($_POST);
        die();
        die('php-t2');
        break;
    case 't3':
        header("content-type:text/xml;charset=UTF-8");
        $ret = '<?xml version="1.0" encoding="utf-8"?>';
        $ret .= '<root>';
        foreach ($_POST as $k => $v) {
            $ret .= "<item><k>$k</k><v>$v</v></item>";
        }
        $ret .= '</root>';
        die($ret);
        die('php-t3');
        break;
    default:
        die('Invalid cmd!');
        break;
}

?>

 

ajaxTest.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
//以跨浏览器的形式创建XMLHttpClient的函数
function initXMLHttpClient() {
    var xmlhttp;
    try {
        // Mozilla / Safari / IE7+
        xmlhttp = new XMLHttpRequest();
    } catch (e) {
        // IE
        var XMLHTTP_IDS = new Array('MSXML2.XMLHTTP.6.0',

'MSXML2.XMLHTTP.5.0',

'MSXML2.XMLHTTP.4.0',

'MSXML2.XMLHTTP.3.0',

'MSXML2.XMLHTTP',

'Microsoft.XMLHTTP' );
        var success = false;
        for (var i=0;i < XMLHTTP_IDS.length && !success; i++) {
            try {
                xmlhttp = new ActiveXObject(XMLHTTP_IDS[i]);
                success = true;
            } catch (e) {}
        }
        if (!success) {
            //throw new Error('Unable to create XMLHttpRequest.');
            return false;
        }
    }
    return xmlhttp;
}
var xHttp = initXMLHttpClient();

function $(eid) {
    return document.getElementById(eid);
}

function t1() {
    xHttp.open('get', 'ajaxTest.php?cmd=t1', true);
    xHttp.onreadystatechange = doT1;
    xHttp.send(null);
}
function doT1() {
    if (xHttp.readyState == 4 && (xHttp.status == 200 || xHttp.status == 0)) {
        alert('t1 ok');
        alert(xHttp.responseText);
    }
}

function t2() {
    var v1 = encodeURIComponent($('v1_').value);
    var v2 = encodeURIComponent($('v2_').value);
    var postdata = "v1="+v1+"&v2="+v2;
    xHttp.open('post', 'ajaxTest.php?cmd=t2', true);
    xHttp.setRequestHeader("content-length",postdata.length);
    xHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
    xHttp.onreadystatechange = doT2;
    xHttp.send(postdata);
}
function doT2() {
    if (xHttp.readyState == 4 && (xHttp.status == 200 || xHttp.status == 0)) {
        alert('t2 ok');
        alert(xHttp.responseText);
    }
}

function t3() {
    var v1 = encodeURIComponent($('v1_').value);
    var v2 = encodeURIComponent($('v2_').value);
    var postdata = "v1="+v1+"&v2="+v2;
    xHttp.open('post', 'ajaxTest.php?cmd=t3', true);
    xHttp.setRequestHeader("content-length",postdata.length);
    xHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
    xHttp.onreadystatechange = doT3;
    xHttp.send(postdata);
}
function doT3() {
    if (xHttp.readyState == 4 && (xHttp.status == 200 || xHttp.status == 0)) {
        alert('t3 ok');
        alert(xHttp.responseText);
        alert(xHttp.responseXML);
        var retXml = xHttp.responseXML;
        var arrV = retXml.getElementsByTagName("v");
        alert(arrV.length);
        for (var i = 0; i < arrV.length; i ++) {
            if (document.all) { //IE
                alert(arrV[i].text);
            } else { //非IE
                alert(arrV[i].textContent);
            }
        }
    }
}
</script>
</head>
<body>
<div id="actinfo_">&nbsp;</div>
<div>v1:<input type="text" name="v1" id="v1_" /></div>
<div>v2:<input type="text" name="v2" id="v2_" /></div>
<div>
    <input type="button" value="测试get提交" onClick="t1();" />
    <input type="button" value="测试post提交" onClick="t2();" />
    <input type="button" value="测试post提交xml响应" onClick="t3();" />
</div>
</body>
</html>

 

  评论这张
 
阅读(340)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017