jquery来实现异步请求并改变页面内容的具体做法

最新推荐文章于 2022-08-22 00:02:57 发布

wuxieprobe

最新推荐文章于 2022-08-22 00:02:57 发布

阅读量2.1k

点赞数

分类专栏：我的原创 javascript 我的收藏 php 工作积累文章标签： jquery json function path html 测试

本文链接：https://blog.youkuaiyun.com/gayayang/article/details/7814685

版权

php 同时被 3 个专栏收录

177 篇文章

订阅专栏

我的收藏

162 篇文章

订阅专栏

每日成长

114 篇文章

订阅专栏

直接给出js完整文件：

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://kaoshi.17xmf.com/template/templates/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('系统错误！请联系客服！');
                }
            }
        });
    });
});

再给出php端的测试代码：

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

记住，这里用json_encode方法是很有必要的，这样可以避免很多意外事情发生。例如html代码的解析以及特殊字符的处理等等。

这样就可以了。data.msg返回的内容就是good。呵呵。简单吧？