좋아, 그래서 기본적으로 페이지에 약간의 자바 스크립트를 갖고 싶어서 어떻게 든 ajax 요청이 이루어지면 (호출에서 직접 호출하지 않고) 무언가를 감지하고 수행 할 수있는 일종의 전역 이벤트 리스너를 연결합니다. 전화가 걸립니다.
jquery로 ajax 요청이 수행 되는 경우 jquery로 이것을 수행하는 방법을 알아 냈습니다 . 이에 대한 예제 코드는 다음과 같습니다.
$.post(
// requested script
'someScript.php',
// data to send
{
'foo' : 'bar',
'a' : 'b'
},
// receive response
function(response){
// do something
}
); // .post
// global event listener
$(document).ajaxSend(
function(event,request,settings){
alert(settings.url); // output: "someScript.php"
alert(settings.data); // output: "foo=bar&a=b"
}
);
이 코드를 사용하면 $ .post (..)를 호출하는 위치 / 방법에 관계없이 전역 이벤트 리스너가 트리거됩니다. $ .get 또는 $ .ajax (모든 jquery ajax 메서드)를 사용하는 경우에도 작동합니다. 호출 방법 /시기에 관계없이 (페이지로드시 onclick으로 첨부 됨)
그러나 어떤 js 프레임 워크를 사용하는지 또는 프레임 워크를 사용하지 않더라도 트리거하도록이 리스너를 확장 할 수 있기를 원합니다. 그래서한다면 예를 들어 도 한 페이지에 (W3 스쿨에서 일반적인 Ajax 코드) 다음 코드를 :
function loadXMLDoc()
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","test.txt",true);
xmlhttp.send();
}
그리고 그 함수에 onclick을 호출, 내 글로벌 아약스 이벤트 리스너가 할 수 있어야 어떤 임의의 링크를 가지고 도 이 요청을 감지합니다. 이 코드를 내 페이지에 추가하고 임의 링크의 onclick (예, 코드 자체가 작동 함)에 첨부했지만 위의 jquery "global event listener"코드는 해당 호출을 감지하지 못했습니다.
좀 더 파헤 쳤고 기본적으로 개체를 임시 개체에 저장하고 지정된 함수를 호출 한 다음 임시 함수를 호출하는 "래퍼"개체로 현재 개체를 덮어 쓸 수 있다는 것을 알고 있습니다. 원래 객체가 생성 / 사용되는 시간. 하지만 항상 미리 알지는 못합니다 ...
그래서 ...이게 가능합니까? 일반 객체 또는 xyz 프레임 워크에서 수행되었는지 여부에 관계없이 ajax get / post 요청이 만들어 졌는지 감지하는 방법이 있습니까? 아니면 각 프레임 워크를 처리하기 위해 중복 코드를 만들고 미리 생성 / 사용되는 ajax 객체를 알아야합니까?
편집하다:
요청이 발생했음을 감지하는 것만으로는 충분하지 않다는 것을 잊었습니다. 또한 요청에서 전송되는 데이터를 캡처해야합니다. 아래 설명에 제공된 링크는 "a"요청이 이루어 졌는지 확인하는 데 도움이되지만 데이터가 전송되지는 않습니다. 추신-아래 링크에 제공된 답변은 적어도 어쨌든 나에게는 명확하지 않습니다.