Skip to content

jquery java

2016.12.13 11:35

WHRIA 조회 수:1751

 

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을 전송한다.
번호 제목 글쓴이 날짜 조회 수
1701 CORS WHRIA 2021.01.23 133
1700 popup WHRIA 2020.12.31 99
1699 bay trail ubuntu 20.04 [1] WHRIA 2020.12.24 57
1698 32 bit UEFI [6] WHRIA 2020.12.24 205
1697 sroc [1] WHRIA 2020.12.10 61
1696 test WHRIA 2020.12.03 47
1695 dkms for r8125 WHRIA 2020.11.12 96
1694 unattended upgrade WHRIA 2020.11.01 478
1693 pytorch pretrained WHRIA 2020.10.28 150
1692 steamlit WHRIA 2020.10.15 211
1691 sample size WHRIA 2020.10.13 4232
1690 Transformer WHRIA 2020.10.09 155
1689 file lock WHRIA 2020.09.22 99
1688 onnx broswer WHRIA 2020.09.15 42
1687 fda 인증 WHRIA 2020.09.03 213

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소