ajax怎么显示data-常见问题-PHP中文网

ajax怎么显示data

anonymity

发布： 2019-05-08 11:44:25

原创

3072人浏览过

什么是ajax？

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

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

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

ajax怎么显示data

ajax请求得到的结果在哪？

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

ajax怎么显示data

如何显示返回的结果？

这里有个示例，页面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中文网其它相关文章！