제출 후 입력란에 사용자 입력 텍스트 유지

Question

<input name="KeywordBox" class="BasicSearchInputBox" type="text" value="Keyword Search..."/> 
<div class="searchBtnHolder"><a class="searchButton" href="#" type="submit"><span>Search</span></a></div> 

제출 후에도 입력 상자에 사용자 입력 텍스트를 보관해야합니다. 사용자가 제출할 때 inputbox의 값을 가져 와서 mysite.com/index.aspx?kwd=userinput과 같은 쿼리 문자열로 URL에 추가합니다.

하지만 사용자가 무엇을 유지할 수 있으면 좋을 것입니다. 그래서 그들은 그들이 타이핑 한 것을 알고 궁금해 할 필요가 없습니다 !! jquery를 사용하면 가능합니까? URL에서 값을 다시 가져 와서 입력 상자에 다시 설정할 수 없습니까 ??

Answer 1

jquery 게시물을 사용하여 포스트 백을하지 않고 양식을 제출할 수 있습니다. 그런 다음 사용자 입력 내용을 제거하지 않습니다. http://api.jquery.com/jQuery.post/

$('#yourButtonId').click(function(){ 
    $.post('ajax/test.html', $('#yourFormId').serialize() ,function(data) { 
     //call back function 
     alert(data); 
    }); 

});