ajax 第一个简单程序

最新推荐文章于 2022-05-23 21:20:26 发布

StevenIsSnail

最新推荐文章于 2022-05-23 21:20:26 发布

阅读量618

点赞数

分类专栏：数字

数字专栏收录该内容

7 篇文章 0 订阅

订阅专栏

//pull.html

<html>
<body>
<h1> the result of pulled news:</h1>
<script type="text/javascript" src="jquery.js"></script>
<input type="button" class="pull" value="abutton"/>
<table border=1>
<tr><td>news from server:</td></tr>
<tr id="pullnews"></tr>
</table>
<script type="text/javascript">
$(".pull").click(function(){
$.ajax({
url:"handlePull.php",
data:"newsid =123", //attention:paramname=value 不是paramname:value
type:'post',
dataType:' json',/atten:如果输入json object，这里却写成text，则object解析出undefined错误
success:function(result){
//attention: 获得参数是 object.paramname ，不能被双引号引入。
pullnews.innerHTML="<td>" +result.title+"</td><td>"+result.digest+"</td>";
alert("ajax recv:"+result);
}});
});
</script>
</body>
</html>

handlePull.php

<?php

class news{ public $newsid,$title,$digest;}; $news=new news;

$news->newsid=$_REQUEST["newsid"];
$news->title="中日建交n年";
$news->digest="小泉纯一郎参拜靖国神社，被中国人民强烈谴责";
echo json_encode($news);
?>