读书人

AJAX之jQuery.get的运用示例

发布时间: 2012-09-01 09:33:03 作者: rapoo

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写法的代码,值得使用!

读书人网 >Ajax

热点推荐