php+jquery+ajax+json没有数据返回

最新推荐文章于 2023-03-06 13:57:52 发布

小画家~

最新推荐文章于 2023-03-06 13:57:52 发布

阅读量625

点赞数

分类专栏： jquery_json

jquery_json 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

php+jquery+ajax+json没有数据返回

2013-01-10 20:12:01| 分类： ajax和jquery |举报 |字号订阅

搞了半天，也不知道什么情况，回调函数都没有执行

html文件

<html>
<head>
<title>php jquery json数据传输</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
  $("input[type='submit']").click(function(){
   var text = $("input").serialize();
   $.ajax({
    'type':"POST",
    'url':'ab.php',
    'dataType':'json',
    'data':text,
    success:function(data){
     alert("aaa");
     /* var str = "姓名" + data.username + "<br />性别" + data.sex + "<br />年龄" + data.age;
     $("#test").html(str); */
    }
   });
  });
 });
</script>
</head>
<body>
<form action="" method="post">
姓名：<input type="text" name="username" /><br />
性别：<input type="radio" name="sex" value="男" />男<input type="radio" name="sex" value="女" />女<br />
年龄：<input type="text" name="age" />
<input type="submit" name="sub" value="提交" />
</form>
<div id="test"></div>
</body>
</html>

ab.php文件

<?php
header("content-type:text/html;charset=utf-8");
$username = $_POST['username'];
$sex = $_POST['sex'];
$age = $_POST['age'];
//$json_res = {'username':$username,'sex':$sex,'age':$age};
$json_res = array("username"=>$username,'sex'=>$sex,'age'=>$age);
$res = json_encode($json_res);
file_put_contents("d:/1.txt",$res);
echo $res;
?>

回调函数都没有执行，神马情况？ab.php文件能接收到数据，接收后使用file_put_contents()方法验证，得到是的转码后的数据，见下图。

php+jquery+ajax+json没有数据返回 - php之路 - php学习，SEO及二次开发

------------------------2012.1.10日解决-------------

我日，原来表单的<form>标签是不能加的，删除即可。加了form的action和method后，好像就不走$.ajax了，似乎是这样，反正不加就对了。加Form也没有问题，见下一篇文章。乱.....哈哈

<body>
姓名：<input type="text" name="username" /><br />
性别：<input type="radio" name="sex" value="男" />男<input type="radio" name="sex" value="女" />女<br />
年龄：<input type="text" name="age" />
<input type="submit" name="sub" value="提交" />
<div id="test"></div>
</body>