js+ajax+php

原创 2015年11月17日 16:35:40
<!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;
?>

相关文章推荐

js+php实现comet(ajax长轮询)推送功能

简单描述: comet是用ajax实现的服务器推送,有两种实现comet的方式,长轮询和流,这里只实现长轮询。 长轮询的过程:页面发起一个服务器请求,然后服务器一直保持连接打开,直到有数据返回。返回数...
  • mlx212
  • mlx212
  • 2015年11月11日 16:31
  • 4921

黄聪:一些文件上传组件(Flash,JQuery,asp,php,js,AJAX)

====================================================== 注:本文源代码点此下载 =============================...

ajax+js+dom+json+php+mysql实现仿百度、google的分页效果

include "../../include/dbConn.php";  //几个关键的变量 当前页  总页数  每页大小  //定义当前页  if(isset($_GET['np'])){ ...
  • zwt90
  • zwt90
  • 2012年03月06日 22:25
  • 662

js+php ajax异步上传文件

网页制作中经常回看到上传按钮,可以实现异步上传文件,下面我们分享一款源码实现Ajax异步上传文件的方法。...

一个简单的注册登录页面(包括阿里大于的手机验证)html+JS+AJAX+PHP

欢迎登录 登录名称: 注册 密码: 忘记密码 登录 重置         背景:非计算机专业,在校学习期间,接触过linux,perl,...

php+mysql+js+ajax总结笔记(不断更新)

var a=2; document.write(a); var b=2; document.write(++b +2); //加号在前++b的值为3   再加2等于5  //加号在后b...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js+ajax+php
举报原因:
原因补充:

(最多只允许输入30个字)