个人博客
专注IT梦想的地方

PHP之Ajax中的responseText属性

其实这篇文章的主题并不是要讲php,但是智言是因为在学习php中接触到这个属性的,而且最近在研究腾讯的万象优图中也发现了这个属性,所以干脆写出来分享,虽然它只是一个不起眼的小知识点,但是分享是不存在价值大小之分的,所以希望大家也可以学习到它的用处。

首先来讲讲Ajax,它就是Asynchronous JavaScript And XML的缩写,即异步JavaScript和XML技术。当然,它并不是一门新的语言,它是由JavaScript、XML、DOM、CSS、XHTML等多种技术组合而成的一种客户端技术,是用来实现与服务器进行异步交互的功能。它的核心技术即是XMLHttpRequest对象的使用。

说到这里可以肯定了它是一种客户端技术,那么说的直白一点就是只需要通过这个技术来实现部分网页数据传输而不用影响当前页面的状态。

而当我们通过post或者get方式提交到指定的地址后,指定的地址会返回一个数据,这个数据是多样性的,一般情况下会是DOM对象或者字符串等,那么我们需要呈现出这组接受到的数据的属性就是我们今天要讲的属性responseText。

好了,废话不多讲,直接上原生态代码:

HTML代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Demo</title>
</head>
<body>
<script type="text/javascript">
    //判断用户的浏览器类型,决定使用何种方式Ajax对象
    if (typeof ActiveXObject != "undefined") {
        var version = ['Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP'];
        for (var i=0; i<=version.length; i++) {
            try{
                var obj = new ActiveXObject(version[i]);
                if (typeof obj != "undefined") {
                    break;
                };
            }catch(ex){

            }
        }
    }else{
        var obj = new XMLHttpRequest();
    }

//感知Ajax状态,当ajax状态改变时会触发事件onreadystatechange
obj.onreadystatechange = function(){
    //当前状态为4时,数据接受完毕
    if (obj.readyState == 4) {
        //输出响应信息
        alert(obj.responseText);
    }
}

//通过方法为post创建一个http请求。
obj.open("post","regs.php");
//设置HTTP头协议信息
obj.setRequestHeader("content-type","application/x-www-form-urlencoded");
var info = "fname="+"智言"+"&addr=chengdu";
//发送请求
obj.send(info);
</script>
</body>
</html>

PHP代码

<?php
print_r($_POST);
?>

这样,我们在通过html页面中的ajax技术异步传递到php页面后,php页面返回了接受到的post数据库后再进行了print_r方法整理的一个函数,此时html页面中XMLHttpRequest对象的responseText属性呈现出php返回的print_r方法格式数据,这就是整个过程和responseText属性的详细说明,不知道你们有没有看懂,没有的话可以在下面留言,我在空余的时间可以给大家解答。

赞(157) 打赏
未经允许,不得转载本站任何文章:智言个人博客 » PHP之Ajax中的responseText属性

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏