首页 >常见问题 > 正文

ajax怎么显示data

原创2019-05-08 11:44:2501369
什么是ajax?

ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

最简单的情况下,$.ajax() 可以不带任何参数直接使用。

ajax请求得到的结果在哪?

success:要求为Function类型的参数,请求成功后调用的回调函数,有两个参数。
(1)由服务器返回,并根据dataType参数进行处理后的数据。
(2)描述状态的字符串。
function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this; //调用本次ajax请求时传递的options参数
}

如何显示返回的结果?

这里有个示例,页面js代码:

<script>
    //ajax页面刷新
    function changeDept() {
        //var areaID = document.getElementById("areaId").value;
        //var types = 'PERSONAL';
        $.ajax({
            type : "post",
            dataType : "json",
            //url : "${path}/businessguide/findOrgByDivisionCode.action?divisionCode="+ areaID,
            success : function(data) {
                //方法一:
                var status = data.status;
                if (data.code == "0") {
                    $(".weather").empty();
                    $(".weather").text("温度" + data.temp + "天气" + data.weather + "图标"+ data.weatherimg);
                } else {
                    alert(data.status);
                }
                //方法二:
                var html='';
                var status = data.status;
                if (data.code == "0") {
                    $(".weather").empty();
                    html+='"温度" + data.temp + "天气" + data.weather + "图标"+ data.weatherimg';
                    $(".weather").append(html);
                } else {
                    alert(data.status);
                }
            }
        });
    }
</script>

页面调用代码:

<body>
    <span class="weather"> </span>
</body>

以上就是ajax怎么显示data的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:ajax怎么显示data
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • php中级教程之ajax技术php中级教程之ajax技术
  • PHP与Ajax极速入门PHP与Ajax极速入门
  • Ajax原理详解视频教程Ajax原理详解视频教程
  • 视频教程分类