여러 가지 방법으로 요청 프론트 엔드 인터페이스 (계속하는)

프런트 엔드 인터페이스 모드 요청 :

jquery.ajax

사용법 :

jQuery.ajax ([ 설정 ])

아약스 $ ({ 
    URL : "",     // 요청 URL 주소 
    성공 : 기능 (REQ) {
         // 요청이 성공 
    }, 
    오류 : 함수 () {
         // 요청 오류 
    }, 
    전체 : 함수 () {
         // 요청 완료 
    } 
});

공통 옵션 매개 변수 :

유형

유형 : 문자열

기본값 :) "GET". 요청 방법 ( "POST"또는 "GET")는, 기본값은 "GET"입니다. 참고 사항 : PUT과 같은 다른 HTTP 요청 방법 및 사용할 수 있습니다 삭제할 ​​수 있지만 부분적으로 만 브라우저를 지원했다.

URL

유형 : 문자열

기본값 : 현재 페이지 주소를 입력합니다. 요청 된 주소를 전송하는 단계를 포함한다.

컨텐츠 타입

유형 : 문자열

기본값 : "응용 프로그램 / x-www-form-urlencoded를". 서버는 부호화 타입의 컨텐츠 정보를 송신하는 경우.

대부분의 경우 기본값. 명시 적으로 $ 아약스에 콘텐츠 형식을 전달하는 경우 () 다음은 서버 (이 경우에도 데이터가 전송하지합니다)로 전송해야합니다.

기준의 일반적인 값

【

application/x-www-form-urlencoded：数据被编码为名称/值对。这是标准的编码格式

application/json：消息主体是序列化后的 JSON 字符串

multipart/form-data： 需要在表单中进行文件上传时，就需要使用该格式。常见的媒体格式是上传文件之时使用的

text/plain：数据以纯文本形式(text/json/xml/html)进行编码，其中不含任何控件或格式字符。

】

비동기

유형 : 부울

기본값 : 사실. 기본 설정으로 모든 요청은 비동기 요청합니다. 당신은 동기화 요청을 전송해야하는 경우,이 옵션을 false로 설정합니다.

동기화 요청이 브라우저를 잠글 않습니다, 사용자는 작업이 수행되기 전에 다른 요청이 완료 될 때까지 대기해야합니다.

문맥

형태 : Object

이 객체는 Ajax를 관련 콜백의 컨텍스트를 설정하는 데 사용됩니다. 즉, (이 매개 변수를 설정하지 않으면, 다음이이 AJAX 요청을 호출 할 때 전달 된 옵션 매개 변수를 가리키는) 콜백 함수를 객체 내에서이 점을하자. DOM 요소 같은 특정 컨텍스트 파라미터가 설정됨에 따라 DOM 요소 성공 콜백 문맥.

데이터

유형 : 문자열

데이터 서버로 전송. 요청은 자동으로 문자열 형식으로 변환됩니다. 요청은 URL 이후에 추가됩니다 GET. 이 자동 변환을 사용하지 processData 옵션을 볼 수 있습니다. 그것은 키 / 값 형식이어야합니다. 배열하면 jQuery를 자동으로 다른 값으로 동일한 이름에 해당 할 것이다. 은 {foo는 [ "BAR1", "바 2"]}로 변환된다 '및 = foo를 BAR1 및 foo는 = 바 2'

데이터 형식

유형 : 문자열

서버에 의해 반환 된 예상 데이터 유형입니다. 지정되지 않은 경우, jQuery를 자동으로 같은 XML로 확인 된 XML의 MIME 유형으로, 지능형 HTTP의 MIME 정보 패킷에 따라 결정됩니다. 1.4에서 JSON은 자바 스크립트 객체를 생성하고, 스크립트는이 스크립트를 실행합니다. 그런 다음 서버는 콜백 함수에 전달 된 값 해상도에 따라 데이터를 반환합니다. 사용 가능한 값 :

• "XML은"XML 문서를 사용할 수 jQuery를 프로세스를 반환합니다.
• "HTML은"다음 HTML 일반 텍스트 정보를 돌려줍니다 스크립트 태그는 DOM을 삽입 할 때 실행됩니다 포함되어 있습니다.
• "스크립트"일반 텍스트 자바 스크립트 코드를 반환합니다. 자동으로 결과를 캐시하지 않습니다. 은 "캐시"매개 변수를 설정하지 않는 한. 참고 : 원격 요청 (안 동일한 도메인에서) 모든 POST 요청을 GET 요청으로 변환됩니다합니다. (때문에 DOM 스크립트 태그의 사용의로드)
• "JSON은"JSON 데이터를 반환합니다.
• "JSONP"JSONP 형식입니다. 같은 전화 기능의 JSONP 양식을 사용하는 경우 "myURL이는? 콜백 =?"JQuery와 자동 콜백 함수를 실행하기? 올바른 함수 이름을 대체합니다.
• "텍스트"일반 텍스트 문자열을 반환

JSONP

유형 : 문자열

JSONP 요청에 콜백 함수의 이름을 다시 작성합니다. 이 값은 "= 콜백?"를 대체하는 데 사용되는 URL을 GET 또는 {JSONP 'onJsonPLoad'}과 "콜백"섹션에서 POST 요청 매개 변수의 원인이됩니다 "onJsonPLoad =?"서버에.

 

프론트 엔드 인터페이스 요청 방법 :

Axios의

사용법 :

NPM을 사용하여 $의 NPM은 Axios의 설치