AJAX+JQUERY

来源:互联网 发布:suse linux 开启端口 编辑:程序博客网 时间:2024/06/17 04:36

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

http://phpway.blog.163.com/blog/static/212112005201301081151393/


AJAX+JQUERY   解析

http://phpway.blog.163.com/blog/#m=0&t=1&c=fks_084070083086080065084085082095086087083066085084086067081


<script type="text/javascript">
 $(document).ready(function(){
  $("button").click(function(){
   var arr = new Array();
   $("input:checked").each(function(key,value){arr[key] = $(value).val();});
   $("p").text("您共选择了" + arr.length + ",分别为" + arr.join(","));
   
  });
 });

</script>
<style type="text/css">
table{width:300px;border:solid 1px green;}
</style>
</head>
<body>
<input type="checkbox" value="北京" />北京<br/>
<input type="checkbox" value="上海" />上海<br/>
<input type="checkbox" value="广州" />广州<br/>
<input type="checkbox" value="深圳" />深圳<br/>
<button>显示选中项</button>
<p></p>
</body>

</html>



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

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

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文件

<?phpheader("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>




0 0