<!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+ajax+php
最新推荐文章于 2023-02-16 14:20:17 发布