日期:2014-05-16 浏览次数:20828 次
一、后台代码用php写的
<?php //前面可能会有一些验证登录信息的php加载,可能会带一些样式的,所以最后返回的并不是一个标准的JSON字符串 $usercode=$_GET["usercode"]; $usersex=$_GET["usersex"]; $username=$usercode."的用户名"; $usersex=$usercode.'的性别'; echo "您选择了,\"username\":\"{$username}\",\"usersex\":\"{$usersex}\""; ?>
二、AJAX代码,用jQuery.get,需放到<script></script>标签内.
//edtusercode文本框离开后自动触发AJAX jQuery('#edtusercode').live('blur',function(){ var inputvalue=jQuery(this).val(); //检查输入值是否为空 if (inputvalue=="") { jQuery('#edtusername').val(''); jQuery('#edtusersex').val(''); return; } jQuery.get('/task/getinfo.php',{usercode:inputvalue,usersex:"man"}, function(data){ var mystr=data; //从这里捕捉json字符串的开始位置 var strindex=mystr.indexOf('"username":'); //组合成一个标准的JSON字符串 var resultstr='{'+mystr.substring(strindex)+'}'; //字符串转为JSON对象 var resultobj=jQuery.parseJSON(resultstr); //将对象内容赋值给相应的文本框 jQuery('#edtusername').val(resultobj.username); jQuery('#edtusersex').val(resultobj.usersex); }, 'text'); });
感觉Jquery的AJAX还是可以省了不少用原生AJAX写法的代码,值得使用!