关闭

js+ajax+php

130人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>标题动态</title>
</head>
<body>
<h1>Ajax</h1>
<input type="button" value="点击" id="go"  />
<div id="test_id"></div>
<div id="test_id2"></div>
</body>
<script type="text/javascript">
    var xmlHttp;
    var goID=document.getElementById("go");
    goID.onclick=function(){
        start();
    }
    function createXMLHttpRequest(){
        if(window.ActiveXObject){
            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if(window.XMLHttpRequest){
            xmlHttp = new XMLHttpRequest();
        }
    }
    function start(){
        createXMLHttpRequest();
        var url="index.php";
        xmlHttp.open("GET",url,true);
        xmlHttp.onreadystatechange = callback;
        xmlHttp.send(null);

    }
    function callback(){
        if(xmlHttp.readyState == 4){
            if(xmlHttp.status == 200){
               // document.getElementById("showtime").innerHTML = xmlHttp.responseText;
                var result = xmlHttp.responseText;
                document.getElementById("test_id"). innerHTML =result;
                var obj = JSON.parse(result);
                //var obj2=obj.parse();
                document.getElementById("test_id2"). innerHTML =obj.data[0]['name'];
//                result = result.split('|');
//                alert(result[0]);
//                alert(result[1]);
//                document.title = result[1];
//                document.getElementById("showtime2").innerHTML =  result[2];
                //setTimeout("start()",1000);
            }
        }
    }
</script>

</html>

-----

index.php

<?php
$post='{"data":[{ "name":"Bill" , "value":"Gates" },
{ "name":"George" , "value":"Bush" },
{ "name":"Thomas" , "value":"Carter" }]}';
echo $post;
?>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:77858次
    • 积分:1817
    • 等级:
    • 排名:千里之外
    • 原创:101篇
    • 转载:85篇
    • 译文:2篇
    • 评论:1条
    文章分类
    最新评论