js+ajax+php

24 篇文章 0 订阅
17 篇文章 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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值