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