ajax
본문
ajax-fom-submit를 구현하고 싶습니다. 아래처럼 했는데 안되네요..
tip이나 예제좀 알려주십시요..
<script type="text/javascript">
$(document).ready(function() {
var num1 = $( "#name" ).val();
$('#form').submit(function(){
$("#content").load("test2.php", { name:$( "#name" ).val() },
function() {
});
});
});
</script>
<form>
Name : <input id="name" type="text" name="name"><br />
<input type="submit" id="form" name="submit" value="Submit">
</form>
</div>
<div id="content">
</div>
답변 2
매우 많은 옵션이 더 있습니다.
사용방식도 다를 수 구요.
jquery 사이트에서 ajax로 검색하시면 더 많은 내용이 있습니다.
<script>
function set_submit() {
var data = $("#form").serialize(); // data 항목에서 직접 만들어도 됨
$.ajax({
type : "POST", // "GET"가능
url : "http://xxxx.com/update.php", // 상대경로 가능
async : true, // 비동기방식, false 동기방식
cache : false,
data : data, // param1=aaaa¶m2=bbbb 형식
dataType : "text", // "json", success의 response가 json 오브젝트
success : function(response, textStatus, xhr) {
// 결과
// alert(repsonse);
},
error : function(xhr, textStatus) {
// 에러
// console.log(xhr.responseText);
// console.log(textStatus);
},
beforeSend : function() {
// 발송전 처리
// 로더시작
}, complete : function() {
// 모두 끝난 후 처리
// 로더종료
}
});
}
</script>
<form id="form" name="form" onsubmit="return false">
<input type="text" id="id" name="name" value="value" /><br/>
<button type="button" onclick="set_submit()">확인</button>
</form>
!-->
ajax=>속에 ajax식으로 ajax도 부모 자식이 성립하나요?
답변을 작성하시기 전에 로그인 해주세요.