> 일반적인 문제 > Ajax에서 데이터를 표시하는 방법

Ajax에서 데이터를 표시하는 방법

anonymity
풀어 주다: 2019-05-08 11:44:25
원래의
3033명이 탐색했습니다.

아약스란 무엇인가요?

ajax() 메서드는 HTTP 요청을 통해 원격 데이터를 로드합니다.

이 메서드는 jQuery의 기본 AJAX 구현입니다. 간단하고 사용하기 쉬운 상위 수준 구현을 보려면 $.get, $.post 등을 참조하세요. $.ajax()는 생성된 XMLHttpRequest 객체를 반환합니다. 대부분의 경우 유연성을 높이기 위해 덜 일반적으로 사용되는 옵션을 조작해야 하는 경우가 아니면 이 기능을 직접 조작할 필요가 없습니다.

가장 간단한 경우에는 $.ajax()를 매개변수 없이 직접 사용할 수 있습니다.

Ajax에서 데이터를 표시하는 방법

Ajax 요청 결과는 어디에 있나요?

success: 요구 사항은 함수 유형의 매개 변수입니다. 요청 성공 후 호출되는 콜백 함수에는 두 개의 매개 변수가 있습니다.
(1) 서버에서 반환하고 dataType 매개변수에 따라 처리되는 데이터입니다.
(2) 상태를 설명하는 문자열입니다.
function(data, textStatus){
//데이터는 xmlDoc, jsonObj, html, text 등일 수 있습니다.
this; //이 ajax 요청을 호출할 때 전달되는 옵션 매개변수 #🎜🎜 # }

Ajax에서 데이터를 표시하는 방법

반환된 결과를 표시하는 방법은 무엇입니까?

예는 다음과 같습니다. 페이지 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>
로그인 후 복사

페이지 호출 코드:

<body>
    <span class="weather"> </span>
</body>
로그인 후 복사

위 내용은 Ajax에서 데이터를 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿