j변수에 로드 쿼리

j변수에 로드 쿼리

나는 jQuery load에서 변수로 결과를 삽입해야 합니다.

agax.html 페이지에 ID 테스트가 있는 요소의 내용입니다.

$('#result').load('ajax.html #test');

대신 사용해 보십시오.

예.

$.get('ajax.html', function (data) {
    data = $(data).find('#test');
    // data contains your html
});

$('#result').load('ajax.html #test', function(result) {
    var variable = $('#result').html();
});

위와 거의 동일하지만 더 단순한 작업:

var dt;
    $.get("ajax.html", function (data) {
        dt = data;
        // data contains your html
    });

$(document).ready(function(){
    $('#result').load('/ p#name', function(result) {
        var obj = $(this).find('p#name'), html = obj.html();
        obj.css({'font-size':40});
        $(this).append($('<div>').text(html));
    });
});

JSFidle http://jsfiddle.net/kuroir/stD94/ 의 예

저는 효과적인 솔루션을 찾는 데 어려움을 겪었기 때문에 jQuery ajax 메서드의 데이터를 HTML 요소가 아닌 변수로 주입하는 데 도움을 요청하는 모든 스택 오버플로 스레드에 이 메시지를 게시합니다.드디어 해결책을 찾았고, 이 문제로 어려움을 겪고 있는 모든 사람들과 공유하고 싶습니다.

문제는 이벤트의 "document.ready" 단계에서 jQuery agax의 결과를 변수에 넣는 데 정말 어려움을 겪고 있다는 것이었습니다.

테스트 결과 페이지가 이미 로드된 후 사용자가 선택 상자의 "onchange" 이벤트를 트리거할 때 jQuery의 Ajax가 내 변수에 로드되지만 페이지가 처음 로드될 때 데이터가 변수를 공급하지 않습니다.하지만 저는 "변경 시" 이벤트에서 아약스를 트리거하고 싶지 않았습니다. 페이지 로드 시 아약스 데이터가 제공되는 변수가 작업을 처리하기를 원했습니다.변수는 사용자가 "변경 시" 이벤트를 트리거할 때 즉시 데이터를 변경하는 데 사용됩니다.이렇게 하면 사용자가 양식과 상호 작용하는 동안 지연/잠금이 발생하지 않으며, 페이지가 로드되면 데이터를 사용할 수 있습니다.

나는 많은, 많은, 많은 다른 방법을 시도했지만, 결국 내가 필요로 하는 코드는 이 스택 오버플로 스레드에 있었습니다: JQuery - 글로벌 변수에 아약스 응답 저장

저는 찰스 길버트의 반응을 이용했습니다.그의 답변을 사용하여 페이지가 처음 로드될 때도 변수에 데이터를 가져올 수 있습니다.

여기 작업 대본의 예가 있습니다. 누군가에게 도움이 되기를 바랍니다!

jQuery.extend
(
    {
        getValues: function(url) 
        {
            var result = null;
            $.ajax(
                {
                    url: url,
                    type: 'get',
                    dataType: 'html',
                    async: false,
                    cache: false,
                    success: function(data) 
                    {
                        result = data;
                    }
                }
            );
           return result;
        }
    }
);

// Option List 1, when "Cats" is selected elsewhere
optList1_Cats += $.getValues("/MyData.aspx?iListNum=1&sVal=cats");

// Option List 1, when "Dogs" is selected elsewhere
optList1_Dogs += $.getValues("/MyData.aspx?iListNum=1&sVal=dogs");

// Option List 2, when "Cats" is selected elsewhere
optList2_Cats += $.getValues("/MyData.aspx?iListNum=2&sVal=cats");

// Option List 2, when "Dogs" is selected elsewhere
optList2_Dogs += $.getValues("/MyData.aspx?iListNum=2&sVal=dogs");

해보세요.$.load지름길일 뿐입니다.

정확히 로드 함수를 원한다면 다음을 사용해 보십시오.

var temp;
$(new Object()).load('YourUrl', { param: "smth" }, function(data){
  $('#element').prepend(data); //if you want prepend/append result to some html
  temp = data; //if you want put to variable
});

$('#submit').click(function(){ var taval = $("#message").val();
$("#showcomment").load('comments.php', {commentval:taval}) });

사용하다setTimeout

<script> 
    my_var=$('#hidden').load('new.html');
    setTimeout(function(){
        my_var=my_var.html();
        alert(my_var);
    }, 500);
</script>

언급URL : https://stackoverflow.com/questions/6203502/jquery-load-to-variable