jquery_ajax get()获得json数据

来源:互联网 发布:网络性能监控 编辑:程序博客网 时间:2024/06/05 19:55

<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
</head>
<script>
//获取json格式的数据
//html()获得文本包括html标签<p>ni hao</p>
//text()获得文本内容ni hao
$(function(){
$("#send").click(function(){
 $.get("8get_json.php",{name:$("#username").val(),content:$("#content").val()},function(data){
  data=eval('('+data+')'); 
  var name=data.name;
  var content=data.content;
  //$("#resText").html(name+"<br>"+content);
  $("#resText").text(name+"<br>"+content);
  });
 })
 
})
</script>

<body>
<form id="form1" action="#">
<p>评论列表:<input type="text" name="username" id="username" /></p>
<p>内容:<textarea name="content" id="content" rows="2" cols="20"></textarea></p>
<p><input type="button" id="send" value="发送"></p>
</form>
<div class="comment">已有品论:</div>
<div id="resText"></div>

 

 

8get_json.php

<?php
header("Content-Type:text/html;charset=utf-8");
echo"{name:\"{$_GET['name']}\",content:\"{$_GET['content']}\"}";
?>

 

原创粉丝点击