제출을 사용하지 않고 POST하는 방법?

Question

양식을 게시하고 싶지만 제출 방법을 사용하고 싶지는 않습니다. JQuery를 사용하는 경우 양식 입력 컨트롤을 처리하는 방법은 무엇입니까?

Answer 1

jQuery AJAX .post function 함수를 사용할 수 있습니다. (테스트되지 않은,하지만 작동한다) 예 :

또한

<script> 
function postit(obj) { 
    var data = $(obj).serialize(); 
    $.post($(obj).attr("action"), data, function() { 
    //Put callback functionality here, to be run when the form is submitted. 
    }); 
} 
</script> 
<form action="posthandler.php" onsubmit="postit(this); return false;"> 
<input type="text" name="field"> 
<input type="submit"> 
</form> 

에 대한 serialize

(물론이 코드를 사용하기 전에 코드에서 jQuery 라이브러리를 포함해야합니다) 참조하십시오.

Answer 2

질문을 올바르게 이해했는지 확실하지 않습니다.

submit()을 사용하지 않으려면 jQuery.post()을 통해 Ajax를 사용하여 동일한 작업을 수행 할 수 있습니다. 가장 큰 차이점은 브라우저가 자동으로 수행하는 것이 아니라 입력 필드에서 직접 키 값 데이터를 구성해야하며 페이지를 새로 고치지 않아야한다는 것입니다.

Answer 3

그냥 당신이 원하는 이벤트에 의해 트리거되는 함수를 작성, 예를 들면 : 당신이 입력 값을 원하는대로 당신이 할 수있는 그 후

function example() { 
// get all the inputs into an array. 
    var $inputs = $('#myForm :input'); 

    // not sure if you wanted this, but I thought I'd add it. 
    // get an associative array of just the values. 
    var values = {}; 
    $inputs.each(function() { 
     values[this.name] = $(this).val(); 
    }); 
} 

(또 다른 질문이 코드를 찾을 수 없음). 고급 처리 기능을 사용하는 것을 고려해 볼 수도 있지만, 이러한 종류의 기능을 제공 할 수있는 많은 플러그인이 있습니다.

Answer 4

포스트 기능 또는로드 기능이 작동합니다.

@PRK 페이지가로드 될 때 또는 사용자가 버튼을 눌렀을 때 양식을 게시하려합니까?

로드 (URL, 매개 변수, 콜백)

는 예 :

$("#loadItHere").load("some.php", {somedata: 1});