HTTP Method get post options put delete 란?

300x250

HTTP (Hypertext Transfer Protocol)에서 사용되는 메서드는 다양한 웹 요청 및 작업을 나타내는데 사용됩니다. 다음은 널리 사용되는 HTTP 메서드 목록입니다:

  1. GET: 서버로부터 데이터를 요청하는 데 사용됩니다. 일반적으로 정보를 검색하고, URL 쿼리 매개변수를 통해 데이터를 전달합니다. GET 요청은 주로 데이터를 요청하는 데 사용되며, 서버의 상태나 데이터에 변경을 가하지 않아야 합니다.
  2. POST: 서버로 데이터를 제출하고, 이 데이터를 처리하도록 요청하는 데 사용됩니다. 주로 양식 데이터를 제출하거나 새로운 데이터를 생성하는 데 활용됩니다. POST 요청은 데이터를 요청 본문(request body)에 담아 전송하며, 서버의 상태나 데이터에 영향을 줄 수 있습니다.
  3. OPTIONS: 서버에게 해당 리소스에 대한 지원되는 메서드나 기타 정보를 요청하는 데 사용됩니다. 주로 CORS (Cross-Origin Resource Sharing)와 관련된 요청에서 사용됩니다.
  4. PUT: 서버에서 지정된 리소스를 업데이트하기 위해 사용됩니다. 클라이언트가 요청 본문에 데이터를 담아 서버에 제출하면, 서버는 해당 데이터로 리소스를 업데이트합니다.
  5. DELETE: 서버에서 지정된 리소스를 삭제하기 위해 사용됩니다. 클라이언트가 DELETE 요청을 보내면, 서버는 해당 리소스를 삭제하고 응답을 반환합니다.

이러한 HTTP 메서드들은 웹 애플리케이션에서 클라이언트와 서버 간의 상호작용을 정의하는 데 사용됩니다. GET은 데이터를 가져오는 데, POST는 데이터를 보내고 저장하는 데, OPTIONS는 지원되는 메서드 및 기타 정보를 확인하는 데, PUT은 데이터를 업데이트하고, DELETE는 데이터를 삭제하는 데 사용됩니다. 이러한 메서드를 올바르게 사용하여 웹 애플리케이션은 데이터를 효과적으로 관리하고 조작할 수 있습니다.

300x250

댓글()

Input File 선택 시 이벤트 및 비동기 전송

웹 프로그래밍/HTML - CSS|2022. 12. 24. 19:28
300x250

 

<input> 태그에서 파일을 선택했을때 비동기 이벤트를 처리하는 방법은 아래와 같다.

html 코드에는 input 파일을 넣어줘야 한다.

 

파일을 선택 또는 변경시 아래 uploadFile() 한수를 호출해서 결과를 넘긴다.

현재 코드는 json() 으로 되어있는데 text로도 변경할 수 있다.

<javascript>
document).on("change","#fileupload",function(){		 
	var result = uploadFile().then(text => {

	//처리 코드 입력
)};

async function uploadFile() {
    let formData = new FormData();           
    formData.append("upload_file", fileupload.files[0]);
    var response = await fetch('/comment_upload_ok.php', {
      method: "POST", 
      body: formData
    });    

	var text = response.json(); // json(), text() 선택
	return text;
}
</javascript>


<input id="fileupload" type="file" name="fileupload" />
300x250

댓글()

Jquery Input File 클릭 만들기

웹 프로그래밍/HTML - CSS|2022. 12. 24. 19:23
300x250

 

특정 버튼 클릭 시 파일선택창을 띠우고 싶으면 아래와 코드 사이에 입력하면 된다.
 $(document).on("click",".button_id",function(){

      //trigger 코드 추가

});

<input id="fileupload" type="file" name="fileupload" /> 

<javascript>
$('#fileupload').trigger('click');
</javascript>

 

 

300x250

댓글()

함수인자에 변수명으로 Jquery 접근법

웹 프로그래밍/HTML - CSS|2022. 12. 2. 20:45
300x250

 

함수의 인자로 클래스 이름을 받았습니다.

아래와 같이 그 인자를 Jquery 셀렉터로 사용하기 위해서는 아래와 같이 사용하시면 됩니다.

 

$("." + 변수명)

$("#" + 변수명)

function copy_custom( class_name)
{
	$("."+class_name).val("@@@@@");
}
300x250

댓글()