日期:2014-05-16  浏览次数:20775 次

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