TypeScript 패키지 원생 Ajax
//1. ajax
interface IAjaxConfig {
type: string;
url: string;
data?: string;
dataType: string;
}
//2. CRUD
//1. ajax
interface IAjaxConfig {
type: string;
url: string;
data?: string;
dataType: string;
}
//2. CRUD
export abstract class TsAjax {
abstract _post(url: string, data?:string): any;
abstract _put(url: string, data?:string): any;
abstract _delete(url: string, data?:string): any;
abstract _get(url: string, data?:string): any;
}
//3. , ajax [CRUD]
export class Ajax extends TsAjax{
// js ajax
private doAjax(config: IAjaxConfig):any {
let result: any = "";
let xhr = new XMLHttpRequest();
if (xhr == null) {
xhr = new ActiveXObject("Microsoft.XMLHTTP"); /* Internet Explorer (IE5 IE6) ActiveX : */
}
if (xhr != null) {
xhr.open(config.type, config.url, true);
xhr.send(config.data);
xhr.onreadystatechange = function () {
console.log(xhr.statusText);
let data = xhr.responseText;
if (xhr.readyState == 4 && xhr.status == 200) {
if (config.dataType == 'json') {
result = JSON.parse(data);
} else {
result = data;
}
} else {
result = data; //error
}
}
} else {
result = "Your browser does not support XMLHTTP.";
}
console.log(result);
return result;
}
_post(url: string, data?:string): any {
return this.doAjax({
type:'post',
data:data,
url:url, //api
dataType:'json'
});
}
_delete(url: string, data?:string): any {
return this.doAjax({
type:'delete',
data:data,
url:url, //api
dataType:'json'
});
}
_put(url: string, data?:string): any {
return this.doAjax({
type:'put',
data:data,
url:url, //api
dataType:'json'
});
}
_get(url: string, data?:string): any {
return this.doAjax({
type:'get',
data:data,
url:url, //api
dataType:'json'
});
}
}
//4.
let myAjax = new Ajax();
let d = myAjax._get("http://localhost:62902/api/values");abstract class TsAjax {
abstract _post(url: string, data?:string): any;
abstract _put(url: string, data?:string): any;
abstract _delete(url: string, data?:string): any;
abstract _get(url: string, data?:string): any;
}
//3. , ajax [CRUD]
export class Ajax extends TsAjax{
// js ajax
private doAjax(config: IAjaxConfig):any {
let result: any = "";
let xhr = new XMLHttpRequest();
if (xhr == null) {
xhr = new ActiveXObject("Microsoft.XMLHTTP"); /* Internet Explorer (IE5 IE6) ActiveX : */
}
if (xhr != null) {
xhr.open(config.type, config.url, true);
xhr.send(config.data);
xhr.onreadystatechange = function () {
console.log(xhr.statusText);
let data = xhr.responseText;
if (xhr.readyState == 4 && xhr.status == 200) {
if (config.dataType == 'json') {
result = JSON.parse(data);
} else {
result = data;
}
} else {
result = data; //error
}
}
} else {
result = "Your browser does not support XMLHTTP.";
}
console.log(result);
return result;
}
_post(url: string, data?:string): any {
return this.doAjax({
type:'post',
data:data,
url:url, //api
dataType:'json'
});
}
_delete(url: string, data?:string): any {
return this.doAjax({
type:'delete',
data:data,
url:url, //api
dataType:'json'
});
}
_put(url: string, data?:string): any {
return this.doAjax({
type:'put',
data:data,
url:url, //api
dataType:'json'
});
}
_get(url: string, data?:string): any {
return this.doAjax({
type:'get',
data:data,
url:url, //api
dataType:'json'
});
}
}
//4.
let myAjax = new Ajax();
let d = myAjax._get("http://localhost:62902/api/values");
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.