jquery异步请求并改变页面内容的实例分析

1，jquery代码

<script>
/**
* jquery异步请求
* edit www.jb200.com
*/
var path = 'index.php?d='+Math.random()+'&act=favorite';  
$(document).ready(function(){  
    $("#selectFavOrSha").change(function(){  
        //var data = {type:'ajaxFS',index:this.value};  
        //ajaxSend(path,data,'json',true);  
        document.getElementById("answerContent").innerHTML = "<div style='text-align:center'><img src='http://www.jb200.com/default/images/loading.gif' /></div>";  
        $.ajax({  
            url:path,  
            data:{type:'ajaxF',index:this.value},  
            type:'post',  
            dataType:'json',  
            success:function(data){  
                if(data.success){  
                    document.getElementById("answerContent").innerHTML = data.msg;  
                }else{  
                    alert('系统错误！请联系客服！');  
                }  
            }  
        });  
    });  
});
</script>

php测试代码：

<?php
exit(json_encode(array(  
                'msg'=>"good",  
                'success'=>1  
                )));  
?>

记住，这里用json_encode方法是很有必要的，可以避免意外情况的出现，比如html代码的解析以及特殊字符的处理等。
data.msg返回的内容就是good。

简单吧，就是这些了，希望对大家有所帮助。