AJAX之jQuery.get的使用示例
jQuery提供了简捷和复杂的AJAX调用方法，以下是简捷的方法jQuery.get使用用介绍.
一、后台代码用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写法的代码，值得使用！