JS를 통해 글로벌 Ajax 요청 인스턴스 구문 분석을 가로채기
다음과 같은 요구 사항이 있었던 적이 있습니까? 모든 Ajax 요청에 통합 서명을 추가해야 함, 특정 인터페이스가 요청된 횟수를 계산해야 함, 가져오거나 게시할 http 요청 방법을 제한해야 함, 다른 사람의 네트워크 프로토콜 등을 분석합니다. 그렇다면 어떻게 할까요? 생각해 보세요. 모든 Ajax 요청을 가로챌 수 있다면 문제는 매우 간단해질 것입니다!
Ajax-hook 소스코드 주소 : https://github.com/wendux/Ajax-hook
사용방법
1. ajaxhook.js를 소개합니다
<script src="wendu.ajaxhook.js"></script>
2. 필요한 ajax 콜백이나 함수를 차단합니다.
hookAjax({
//拦截回调
onreadystatechange:function(xhr){
console.log("onreadystatechange called: %O",xhr)
},
onload:function(xhr){
console.log("onload called: %O",xhr)
},
//拦截函数
open:function(arg){
console.log("open called: method:%s,url:%s,async:%s",arg[0],arg[1],arg[2])
}
})좋아요, jQuery(v3.1)의 get 메소드를 사용하여 테스트합니다:
// get current page source code
$.get().done(function(d){
console.log(d.substr(0,30)+"...")
})결과:
> open called: method:GET,url:http://localhost:63342/Ajax-hook/demo.html,async:true > onload called: XMLHttpRequest > <!DOCTYPE html> <html> <head l...
차단 성공! 또한 jQuery3.1이 onreadystatechange를 포기하고 대신 onload를 사용한 것을 볼 수 있습니다.
API
hookAjax(ob)
1.ob, 유형은 객체, 키는 필요 콜백 또는 함수에서 값은 차단 함수입니다.
2. 반환 값: 원본 XMLHttpRequest. 쓰기 요청이 있는데 가로채기를 원하지 않는 경우 new this를 사용할 수 있습니다.
unHookAjax()
1. 로드 차단, 제거 후에는 차단이 무효화됩니다.
Ajax 동작 변경
모든 Ajax 요청을 가로채고 요청 방법을 감지하고 "GET"인 경우 요청을 중단하고 프롬프트를 표시합니다
hookAjax({
open:function(arg){
if(arg[0]=="GET"){
console.log("Request was aborted! method must be post! ")
return true;
}
}
})모두 가로채기 ajax 요청, 타임스탬프를 균일하게 추가하도록 요청
hookAjax({
open:function(arg){
arg[1]+="?timestamp="+Date.now();
}
})"responseText" 요청에서 반환된 데이터 수정
hookAjax({
onload:function(xhr){
//请求到的数据首部添加"hook!"
xhr.responseText="hook!"+xhr.responseText;
}
})결과:
hook!<!DOCTYPE html> <html> <h...
다음 예를 사용하세요. , 나는 그것이 시작될 것이라고 믿습니다. 언급된 요구 사항은 쉽게 달성할 수 있습니다. 마지막으로 unHook 테스트
hookAjax({
onreadystatechange:function(xhr){
console.log("onreadystatechange called: %O",xhr)
//return true
},
onload:function(xhr){
console.log("onload called")
xhr.responseText="hook"+xhr.responseText;
//return true;
},
open:function(arg){
console.log("open called: method:%s,url:%s,async:%s",arg[0],arg[1],arg[2])
arg[1]+="?hook_tag=1";
},
send:function(arg){
console.log("send called: %O",arg[0])
}
})
$.get().done(function(d){
console.log(d.substr(0,30)+"...")
//use original XMLHttpRequest
console.log("unhook")
unHookAjax()
$.get().done(function(d){
console.log(d.substr(0,10))
})
})출력:
open called: method:GET,url:http://localhost:63342/Ajax-hook/demo.html,async:true send called: null onload called hook<!DOCTYPE html> <html> <he... unhook <!DOCTYPE
참고
1. 부울, true인 경우 ajax 요청이 차단됩니다. 기본값은 false이며 요청이 차단되지 않습니다.
2. 모든 콜백 차단 함수의 매개변수는 onreadystatechange, onload와 같은 현재 XMLHttpRequest 인스턴스입니다. ajax 원래 메소드의 모든 차단 함수는 원래 매개변수를 다음 형식으로 차단 함수에 전달합니다. 이는 차단 기능에서 수정할 수 있습니다.
위는 편집자가 소개한 JS 가로채기 글로벌 Ajax 요청 예시 분석입니다. 궁금한 사항이 있으면 메시지를 남겨주시면 편집자가 답변해 드리겠습니다. 당신에게.
관련 기사:
인셉터에 의한 Ajax 요청 차단 인스턴스에 대한 자세한 설명
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7476
15
1377
52
77
11
49
19
19
31
권장 사항: 우수한 JS 오픈 소스 얼굴 감지 및 인식 프로젝트
Apr 03, 2024 am 11:55 AM
얼굴 검출 및 인식 기술은 이미 상대적으로 성숙하고 널리 사용되는 기술입니다. 현재 가장 널리 사용되는 인터넷 응용 언어는 JS입니다. 웹 프런트엔드에서 얼굴 감지 및 인식을 구현하는 것은 백엔드 얼굴 인식에 비해 장점과 단점이 있습니다. 장점에는 네트워크 상호 작용 및 실시간 인식이 줄어 사용자 대기 시간이 크게 단축되고 사용자 경험이 향상된다는 단점이 있습니다. 모델 크기에 따라 제한되고 정확도도 제한됩니다. js를 사용하여 웹에서 얼굴 인식을 구현하는 방법은 무엇입니까? 웹에서 얼굴 인식을 구현하려면 JavaScript, HTML, CSS, WebRTC 등 관련 프로그래밍 언어 및 기술에 익숙해야 합니다. 동시에 관련 컴퓨터 비전 및 인공지능 기술도 마스터해야 합니다. 웹 측면의 디자인으로 인해 주목할 가치가 있습니다.
jQuery AJAX 요청에서 발생한 403 오류를 해결하는 방법
Feb 20, 2024 am 10:07 AM
제목: jQuery AJAX 요청의 403 오류를 해결하는 방법 및 코드 예제 403 오류는 서버가 리소스에 대한 액세스를 금지하는 요청을 의미합니다. 이 오류는 일반적으로 요청에 권한이 없거나 서버에서 거부되기 때문에 발생합니다. jQueryAJAX 요청을 할 때 가끔 이런 상황이 발생합니다. 이 기사에서는 이 문제를 해결하는 방법을 소개하고 코드 예제를 제공합니다. 해결 방법: 권한 확인: 먼저 요청한 URL 주소가 올바른지 확인하고 리소스에 액세스할 수 있는 충분한 권한이 있는지 확인하십시오.
jQuery AJAX 요청 403 오류를 해결하는 방법
Feb 19, 2024 pm 05:55 PM
jQuery는 클라이언트 측 개발을 단순화하는 데 사용되는 인기 있는 JavaScript 라이브러리입니다. AJAX는 전체 웹 페이지를 다시 로드하지 않고 비동기 요청을 보내고 서버와 상호 작용하는 기술입니다. 그러나 jQuery를 사용하여 AJAX 요청을 할 때 가끔 403 오류가 발생합니다. 403 오류는 일반적으로 보안 정책이나 권한 문제로 인해 서버 거부 액세스 오류입니다. 이 기사에서는 403 오류가 발생한 jQueryAJAX 요청을 해결하는 방법에 대해 설명합니다.
Ajax를 사용하여 PHP 메소드에서 변수를 얻는 방법은 무엇입니까?
Mar 09, 2024 pm 05:36 PM
Ajax를 사용하여 PHP 메소드에서 변수를 얻는 것은 웹 개발의 일반적인 시나리오입니다. Ajax를 통해 데이터를 새로 고치지 않고도 페이지를 동적으로 얻을 수 있습니다. 이 기사에서는 Ajax를 사용하여 PHP 메소드에서 변수를 가져오는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 Ajax 요청을 처리하고 필요한 변수를 반환하기 위해 PHP 파일을 작성해야 합니다. 다음은 간단한 PHP 파일 getData.php에 대한 샘플 코드입니다.
Kuaishou 비공개 메시지에서 낯선 사람의 메시지를 모두 삭제하는 방법은 무엇입니까? 낯선 사람이 보내는 비공개 메시지를 가로챌 수 있나요?
Mar 22, 2024 am 08:50 AM
Kuaishou는 사용자가 다른 사람들과 쉽게 연결할 수 있는 인기 있는 짧은 비디오 소셜 플랫폼입니다. 시간이 지남에 따라 사용자의 비공개 메시지는 수많은 낯선 사람의 메시지로 채워질 수 있으며, 이는 사용자 경험에 영향을 미칠 수 있습니다. 그렇다면 Kuaishou에서 낯선 사람이 보낸 비공개 메시지를 삭제하는 방법은 무엇입니까? 이 글에서는 Kuaishou 플랫폼에서 낯선 사람이 보낸 비공개 메시지를 삭제하는 방법과 낯선 사람이 보낸 메시지를 가로챌 수 있는지 여부를 자세히 소개합니다. 1. Kuaishou 비공개 메시지에서 낯선 사람의 메시지를 모두 삭제하는 방법은 무엇입니까? 1. 먼저 Kuaishou 앱을 열고 개인 센터에 들어갑니다. 2. 개인센터 페이지에서 "메시지" 옵션을 찾아 클릭하여 입장합니다. 3. 메시지 페이지에서 "비공개 메시지" 옵션을 찾아 클릭하여 입력하세요. 4. 비공개 메시지 페이지에서 다양한 메시지 카테고리를 볼 수 있습니다. "낯선 사람 메시지" 카테고리를 찾아 클릭하세요.
jQuery AJAX 오류 403 문제를 해결하는 방법은 무엇입니까?
Feb 23, 2024 pm 04:27 PM
jQueryAJAX 오류 403 문제를 해결하는 방법은 무엇입니까? 웹 애플리케이션을 개발할 때 jQuery는 종종 비동기 요청을 보내는 데 사용됩니다. 그러나 때때로 jQueryAJAX를 사용할 때 서버에서 액세스가 금지되었음을 나타내는 오류 코드 403이 발생할 수 있습니다. 이는 일반적으로 서버 측 보안 설정으로 인해 발생하지만 문제를 해결하는 방법이 있습니다. 이 기사에서는 jQueryAJAX 오류 403 문제를 해결하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 만들다
QQ 브라우저에서 광고 팝업을 차단하는 방법
Jan 31, 2024 pm 06:00 PM
QQ 브라우저에서 광고 팝업을 차단하는 방법은 무엇입니까? 최근 컴퓨터를 사용하다 보면 QQ 브라우저에서 광고 팝업 현상이 자주 나타나는데, QQ 브라우저 팝업 광고처럼 이런 QQ 브라우저 팝업 광고를 접하게 됩니다. 어떻게 해결하나요? QQ 브라우저에서 광고 팝업을 차단하는 방법을 이 사이트의 편집자와 함께 살펴보겠습니다. QQ 브라우저 팝업 광고 해결 튜토리얼 1. 먼저 QQ 브라우저를 열고 메인 인터페이스로 들어가서 오른쪽 상단에 있는 메뉴를 클릭합니다. 2. QQ 브라우저 메뉴를 클릭하면 애플리케이션 센터가 표시되며 이를 클릭합니다. 3. QQ 브라우저 애플리케이션 센터에 들어가면 확장 스토어가 나타납니다. 4. 광고 팝업을 차단하려면 QQ 브라우저 플러그인을 설치하세요. 5. 지금 설치를 클릭합니다. 6. 다음 위치에 설치하세요.
PHP 및 Ajax: 자동 완성 제안 엔진 구축
Jun 02, 2024 pm 08:39 PM
PHP 및 Ajax를 사용하여 자동 완성 제안 엔진 구축: 서버측 스크립트: Ajax 요청을 처리하고 제안을 반환합니다(autocomplete.php). 클라이언트 스크립트: Ajax 요청을 보내고 제안을 표시합니다(autocomplete.js). 실제 사례: HTML 페이지에 스크립트를 포함하고 검색 입력 요소 식별자를 지정합니다.
