Question

嗨我有这个jQuery ajax代码

<script type="text/javascript">
jQuery(document).ready(function($) {
    $.ajax({
        url: "http://api.wunderground.com/api/10ea0e643a3d7699/geolookup/conditions/q/IA/Cedar_Rapids.json",
        dataType: "jsonp",
        success: function(parsed_json) {
            var location = parsed_json['location']['city'];
            var temp_f = parsed_json['current_observation']['temp_f'];
            alert("Current temperature in "+location+" is: " + temp_f );
        }
    });
});
</script>

我希望将警报的内容显示在身体的div中，如

<div id="meteo"></div>

Answer 1

您可以覆盖警报功能，进行任何警报调用，打开基于自定义DIV的弹出窗口，在浏览器中提供一致的弹出窗口，并为您的网站提供自定义感。

window.alert = function() {
    $('#meteo').html('your content');
    $('#meteo').show();
};

Answer 2

如果内容是文字使用：

$('#meteo').text("Current temperature in "+location+" is: " + temp_f );

如果你的内容是html使用：

$('#meteo').html("<span>Current temperature in "+location+" is: " + temp_f +"</span>");

Answer 3

如果要包含在div中的内容是纯文本，那么一个很好的选择是：

$("#meteo").text("Current temperature in "+location+" is: " + temp_f)

如果你想将HTML内容放在div中，那就更好了：

$("#meteo").html("Current temperature in "+location+" is: " + temp_f)

如何将此警报信息插入div

3 个答案: