JQuery의 이벤트 핸들러는 제출 버튼과 함께 텍스트 상자를 사용합니까?

Question

저는 새로운 JQuery 사용자이고 텍스트 상자를 통해 텍스트를 제출하고 웹 브라우저 창에 제출 단추를 정렬되지 않은 목록의 끝에 추가하는 목록 항목으로 제출해야합니다.

HTML :

<ul class="list"> 
     <li></li> 
</ul> 

JS :

var text = $('text'); 
var submit = $('submit'); 

질문 : JQuery와 이벤트 핸들러 내가 텍스트 상자에 텍스트를 입력하고 사용하여 서버에 내 텍스트를 제출하는 데 사용하는 것이 무엇 HTTP 요청?

모든 조언 및 코딩 예제를 크게 높이세요! 고맙습니다!

Answer 1

그 안에 모든 양식 필드가 다음 버튼을 사실

var text   = $('.text'); 
var submit = $('.submit'); 

submit.click(function(){ 
    $.ajax({ 
     url : 'yourServerURL', 
     type: 'POST', 
     data: text.val() 
    }); 
}); 

Answer 2

를 제출 결합 넣어 폼을 만들고, 클래스는 다음과 같습니다

var text = $('.text'); 
var submit = $('.submit'); 

그런 다음 당신이 할 것 :

submit.on('click', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url : '/server/myURL/', 
     type: 'POST', 
     data: {myData : text.val()} 
    }); 
}); 

등 ...

자세한 내용은 문서를 읽고 SO에서 답변을보십시오.