XML HttpRequest 로 Ajax 요청 보 내기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript" src="AjaxUtil.js"></script>
</head>
<body>
<script type="text/javascript">
var url = 'http://192.168.4.1:8082/Person/Detail';
//AjaxUtil.addURLParam(url, 'id', 920);
//AjaxUtil.addURLParam(url, 't', Math.random());
var xhr = AjaxUtil.createXHR();
xhr.onreadystatechange = function () {
if(xhr.readyState == 4) {
if((xhr.status >=200 && xhr.status< 300) || xhr.status == 304) {
alert(xhr.responseText);
} else {
alert(' !' + xhr.status);
}
}
}
xhr.open('post', url, true);
// open() ，send()
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
//xhr.open('get', url, true);
xhr.send("id=920");
</script>
</body>
</html>XML HttpRequest 의 ready State 속성 표지 요청/응답 과정의 상태 변화,다음 과 같은 수치 가 있 습 니 다.
0:초기 화 되 지 않 았 습 니 다.open()방법 이 호출 되 지 않 았 습 니 다.
1:오픈()방법 이 호출 되 었 습 니 다.send()방법 이 호출 되 지 않 았 습 니 다.
2:호출 된 send()방법 보 내기
3:수신:일부 데이터 수신 됨
4:완료:모든 데 이 터 를 받 았 습 니 다.
ready State 변화 때마다 readystatechange 사건 이 발생 합 니 다.우리 가 주목 해 야 할 것 은 상태 4 입 니 다.
var AjaxUtil = {
// XMLHttpRequest ， IE7
createXHR: function () {
if (typeof XMLHttpRequest != 'undefined') {
return new XMLHttpRequest();
} else if ( typeof ActiveObject != 'undefined') {
if (typeof arguments.callee.activeString != 'string') {
var versions = ['MSXML.XMLHttp.6.0','MSXML.XMLHttp.3.0','MSXML.XMLHttp'];
var i,len;
for (i=0,len=versions.length; i<len; i++) {
try {
new ActiveObject(versions[i]);
arguments.callee.activeString = versions[i];
break;
} catch (ex) {
}
}
return new ActiveObject(arguments.callee.activeString);
}
} else {
throw new Error(" ！");
}
}
// GET
, addURLParam: function (url, name, value) {
url += (url.indexOf('?') == -1) ? '?' : '&';
url += encodeURIComponent(name) + '=' + encodeURIComponent(value);
return url;
}
}
// Javascript Ajax 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
vue 단일 페이지에 여러 개의 echarts 도표가 있을 때의 공용 코드 쓰기html에서: 데이터 처리는 말할 필요가 없다.응, 직접 그림을 그려: 공통 섹션: 이 페이지를 떠날 때 파괴: 추가 정보: Vue + Echarts 차트 표시 및 동적 렌더링 준비 작업 echarts 의존 설치 n...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
