Ajax에서 스크립트 로드하기 $.getScript()
$.getScript(url[, success])
자바 스크립트 파일을 로드한다.
url : 요청할 서버 측 자원의 URL
success : 요청이 성공했을 때 호출할 함수
예제) Ajax로 자바스크립트 파일 불러오기
1) 스크립트를 로드할 exam10.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>getScript</title>
<script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript">
$(function(){
$.getScript("test.js");
$('#submit').click(function(){
var msg = call($('.name').val());
$('#message').html(msg);
return false;
});
});
</script>
</head>
<body>
<form action="">
<label>이름을 입력하세요: </label>
<input type="text" name="name" class="name" /><br />
<input type="button" id="submit" value="전송" />
</form>
<div id="message"></div>
</body>
</html>
2) test.js
function call(param){
return ("Hello, "+param);
}
'jQuery' 카테고리의 다른 글
| 1. 제이쿼리 문법 기초 (0) | 2017.08.24 |
|---|---|
| Ajax: serialize(), serializeArray() (0) | 2016.03.22 |
| Ajax로 JSON 이용하기 (3) | 2016.03.21 |
| JQuary로 Ajax 구현하기 (0) | 2016.03.21 |
| Ajax (Asynchronous JavaScript and XML) (0) | 2016.03.21 |
