Maison  >  Article  >  Comment afficher les données en ajax

Comment afficher les données en ajax

anonymity
anonymityoriginal
2019-05-08 11:44:253006parcourir

Qu'est-ce que l'ajax ?

La méthode ajax() charge les données distantes via des requêtes HTTP.

Cette méthode est l'implémentation AJAX sous-jacente de jQuery. Pour des implémentations de haut niveau simples et faciles à utiliser, voir $.get, $.post, etc. $.ajax() renvoie l'objet XMLHttpRequest qu'il a créé. Dans la plupart des cas, vous n'aurez pas besoin de manipuler cette fonction directement, sauf si vous devez manipuler des options moins couramment utilisées pour plus de flexibilité.

Dans le cas le plus simple, $.ajax() peut être utilisé directement sans aucun paramètre.

Comment afficher les données en ajax

Où sont les résultats de la requête ajax ?

succès : nécessite un paramètre de type Function. La fonction de rappel appelée une fois la requête réussie a deux paramètres.
(1) Données renvoyées par le serveur et traitées selon le paramètre dataType.
(2) Une chaîne décrivant le statut.
function(data, textStatus){
>

Comment afficher les données en ajaxComment afficher les résultats renvoyés ?

Voici un exemple, code page js :

<script>
    //ajax页面刷新
    function changeDept() {
        //var areaID = document.getElementById("areaId").value;
        //var types = &#39;PERSONAL&#39;;
        $.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=&#39;&#39;;
                var status = data.status;
                if (data.code == "0") {
                    $(".weather").empty();
                    html+=&#39;"温度" + data.temp + "天气" + data.weather + "图标"+ data.weatherimg&#39;;
                    $(".weather").append(html);
                } else {
                    alert(data.status);
                }
            }
        });
    }
</script>

Code d'appel de la page :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn