Ajax 응답에서 반환된 JavaScript 함수를 어떻게 호출합니까?

Ajax 응답에서 반환된 JavaScript 함수를 호출하는 방법

귀하의 질문은 Ajax를 통해 함수가 포함된 스크립트 블록을 검색하고 해당 함수를 실행하는 것과 관련이 있습니다. 나중에. 이 프로세스에는 두 가지 중요한 단계가 포함됩니다.

1. Ajax 응답 평가

함수 선언이 포함된 Ajax 응답이 수신되면 이를 실행하여 함수를 선언해야 합니다. eval() 함수를 사용하여 응답을 평가하면 됩니다.

<code class="javascript">var response = yourAjaxCallbackResponse;
eval(response); // Evaluates the function declaration</code>

2. 함수 호출

함수가 선언된 후에는 다른 JavaScript 함수처럼 호출할 수 있습니다. 함수 이름을 참조하고 필요한 매개변수를 전달하기만 하면 됩니다.

<code class="javascript">var functionName = "myFunction";
functionName(); // Invokes the function by its declared name</code>

중요 고려 사항:

• Ajax에서 반환된 JavaScript 코드는 구문이 정확해야 합니다.
• 페이지 수명 동안 액세스할 수 있으려면 함수 선언을 평가해야 합니다(단순히 텍스트로 삽입하는 것이 아님).
• Prototype의 Function.prototype.bind()와 같은 다른 접근 방식을 사용하여 다음을 수행할 수 있습니다. 상황별 함수 호출을 처리합니다.

예:

<code class="html">&lt;div id=&quot;myDiv&quot;&gt;&lt;/div&gt;

&lt;script&gt;
    $.ajax({
        url: 'myScript.js',
        dataType: 'script',
        success: function(response) {
            eval(response);
            myFunction(); // Invokes the function returned by Ajax
        }
    });
&lt;/script&gt;</code>

위 내용은 Ajax 응답에서 반환된 JavaScript 함수를 어떻게 호출합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!