jQuery에서 Ajax 반환 데이터를 추출하는 중

jQuery에서 Ajax 반환 데이터를 추출하는 중

jQuery와 Ajax를 실행했지만 Div 요소에 응답을 가져올 수 없습니다.코드는 다음과 같습니다.

Index.html

$.ajax({
    type:"POST",
    url: "ajax.php",
    data:"id="+id ,
    success: function(html){
        $("#response").html(data);
    }
});

그것은 나의 답장을 받고 있다.<div id="response"></div>.

그ajax.php에 다음 코드를 반환합니다.index.html파일:

<div id ="one"> OneVal </div>
<div id ="sub"> SubVal </div>

OneVal 및 Subval을 변수에 추출할 수 있습니까?또, 상기의 응답이 아닌 「OneVal」 및 「SubVal」을 추출하려면 어떻게 해야 합니까?

사용할 수 있습니다..filter응답에서 생성된 jQuery 객체:

success: function(data){
    //Create jQuery object from the response HTML.
    var $response=$(data);

    //Query the jQuery object for the values
    var oneval = $response.filter('#one').text();
    var subval = $response.filter('#sub').text();
}

를 변경하다.find로..filter...

성공 함수에 "html" 매개 변수가 있으며 요소에 "데이터"를 추가하려고 합니다.html()... 이 두 가지가 일치하도록 변경합니다.

$.ajax({
    type:"POST",
    url: "ajax.php",
    data:"id="+id ,
    success: function(data){
        $("#response").html(data);
    }
});

사용할 수 있습니다.json다음 예시와 같습니다.

PHP 코드:

echo json_encode($array);

$array는 어레이 데이터이며 jQuery 코드는 다음과 같습니다.

$.get("period/education/ajaxschoollist.php?schoolid="+schoolid, function(responseTxt, statusTxt, xhr){
    var a = JSON.parse(responseTxt);
    $("#hideschoolid").val(a.schoolid);
    $("#section_id").val(a.section_id);
    $("#schoolname").val(a.schoolname);
    $("#country_id").val(a.country_id);
    $("#state_id").val(a.state_id);
}

jQuery 컨텍스트 매개 변수를 사용할 수도 있습니다.문서에 대한 링크

셀렉터 컨텍스트

기본적으로 선택자는 문서 루트에서 시작하여 DOM 내에서 검색을 수행합니다.단, $() 함수에 대한 옵션의 second 파라미터를 사용하여 검색을 위한 대체 컨텍스트를 제공할 수 있습니다.

따라서 다음과 같은 이점이 있습니다.

success: function(data){
    var oneval = $('#one',data).text();
    var subval = $('#sub',data).text();
}

언급URL : https://stackoverflow.com/questions/400197/extracting-ajax-return-data-in-jquery