jquery java
2016.12.13 10:35
jQuery POST 요청 타입(1)
var formData = "id=kim&pass=123"; //전송할 Form 데이터를 이름=값 형식으로 지정
var formData = {id:"kim",pass:"123"}; // 또는 전송할 Form 데이터를 배열 형식으로 지정
$.ajax({
url : "AJAX_POST_URL",
type: "POST",
data : formData,
success: function(data, textStatus, jqXHR)
{
// data 는 서버로 부터 수신된 응답
// $('#result').empty();
// $('#result').append(data);
},
error: function (jqXHR, textStatus, errorThrown)
{
}
});
jQuery POST 요청 타입(2)
$.post("AJAX_POST_URL",
{id:"kim",pass:"123",submit:true},
function(data, textStatus, jqXHR)
{
//data는 서버의 응답
}).fail(function(jqXHR, textStatus, errorThrown)
{
alert(textStatus);
});
//With jqXHR callbacks .done() and .fail()
$.post("AJAX_POST_URL",
{id:"kim",pass:"123",submit:true}).done(function(data, textStatus, jqXHR)
{
}).fail(function(jqXHR, textStatus, errorThrown)
{
alert(textStatus);
});
1. 간단한 Form 요청
간단한 form을 이용한 submit Form
<form name="form1" id="ajaxform" action="test.jsp" method="POST">
Name: <input type="text" name="fname" value =""/> <br/>
Email : <input type="text" name="email" value=""/> <br/>
</form>
TYPE-1. 간단한 form submit을 처리하는 jQuery 콜백핸들러
$("#form1").submit(function(e)
{
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax(
{
url : formURL,
type: "POST",
data : postData,
success:function(data, textStatus, jqXHR)
{
//data: return data from server
},
error: function(jqXHR, textStatus, errorThrown)
{
//if fails
}
});
e.preventDefault(); //STOP default action
e.unbind(); //unbind. to stop multiple form submit.
});
$("#form1").submit();
2. Multipart form 데이터 전송 요청
multipart/form-data 요청 Form
<form name="multiform" id="multiform" action="multi-form-submit.php" method="POST" enctype="multipart/form-data">
Name: <input type="text" name="name" value="Ravi"/> <br/>
Age :<input type="text" name="age" value="1" /> <br/>
Image :<input type="file" name="photo" /><br/>
</form>
multipart/form-data 요청 이벤트를 위한 jQuery 콜백 핸들러$("#multiform").submit(function(e){ var formObj = $(this); var formURL = formObj.attr("action"); var formData = new FormData(this); $.ajax({ url: formURL, type: 'POST', data: formData, mimeType:"multipart/form-data", contentType: false, cache: false, processData:false, success: function(data, textStatus, jqXHR) { // 요청 처리가 성공적으로 처리된 경우 응답으 data로 참조할 수 있다. }, error: function(jqXHR, textStatus, errorThrown) { } }); e.preventDefault(); //디폴트 액션을 예방한다. e.unbind();}); $("#multiform").submit(); //form을 전송한다.댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 1474 | Re: 설정을 바꾸었습니다. ^^ | Whria | 2003.02.13 | 2071 |
| 1473 | 2일간 꾹 참았다. | 한승석 | 2003.02.15 | 2061 |
| 1472 | 1일 전에 못 참고 말았다. | 한승석 | 2003.02.15 | 2072 |
| 1471 | 오늘은 황당한 일을 당했다. | 한승석 | 2003.02.15 | 1997 |
| 1470 | 오래간만에 집에 왔다. | 한승석 | 2003.02.15 | 2068 |
| 1469 | 운명 | 한승석 | 2003.02.16 | 2086 |
| 1468 | 결혼 | 한승석 | 2003.02.16 | 2139 |
| 1467 |
사주팔자 프로그램
 | 한승석 | 2003.02.16 | 20326 |
| 1466 |
SQUARE SOUNDs `Final`
| 한승석 | 2003.02.16 | 2270 |
| 1465 |
Origin Ultima `Stones`
| 한승석 | 2003.02.16 | 2743 |
| 1464 | 두부인간 | neocool | 2003.02.16 | 2311 |
| 1463 | 형...사진잘보고 갑니다.. | 송병욱 | 2003.02.19 | 2064 |
| 1462 | 체력 | 한승석 | 2003.02.20 | 2055 |
| 1461 | Re: 형...사진잘보고 갑니다.. | 한승석 | 2003.02.20 | 2063 |
| 1460 |
배경음악을 바꿀까 생각중인데요.
| 한승석 | 2003.02.21 | 2278 |