본문 바로가기
IT/web

[javascript] jquery ajax 예제와 소스코드 공유

by 어느해겨울 2021. 12. 26.

 

jquery ajax

 

소스 코드

$.ajax({
		type	: "POST",
		url	: _target,
		data	: _args,
		async	: false,
		success	: function(data) {
			if( data != null ) {
				result = data;
			}
		}
});

jquery ajax를 POST 타입, sync ajax를 구성하여 data를 송수신하는 함수이다.

ajax 내 파라미터의 추가/삭제 그리고 파라미터 값의 수정을 통해 sync/async 또는 error handle 및 success 외 행동들도 정의할 수 있다.

 

 

예제 코드

class CommonFunc {
	constructor() {}
    
	makeArgs(_key, _value) {
		var args = "&" + _key + "=" + _value;

		return args;
	}

	postArgs(_target, _args) {
		var result;

		$.ajax({
			type	: "POST",
			url	: _target,
			data	: _args,
			async	: false,
			success	: function(data) {
				if( data != null ) {
					result = data;
				}
			}
		});

		return result;
    }

	getRsaKey(_username) {
		var args = "";
		args += this.makeArgs("method",		"login");
		args += this.makeArgs("username",	_username);
		args += this.makeArgs("action",		"rsa_key");
	

		return this.postArgs("/common/common_js.php", args);
	}
 }

 

https://api.jquery.com/jquery.ajax/

 

jQuery.ajax() | jQuery API Documentation

Description: Perform an asynchronous HTTP (Ajax) request. The $.ajax() function underlies all Ajax requests sent by jQuery. It is often unnecessary to directly call this function, as several higher-level alternatives like $.get() and .load() are available

api.jquery.com

 

 

댓글