AJAX를 폼과 함께 사용 하시겠습니까?

Question

JQuery AJAX 기능을 사용하여 다음 작업을 수행하는 방법을 알고 싶습니다.

내 웹 사이트에서 사용자가 양식 데이터를 PHP 스크립트에 제출하고 해당 scipt를 내 사이트의 div 영역에로드 할 수 있기를 바랍니다.

예를 들어 내 사이트에서 사용자가 메뉴에서 링크를 선택하면 선택한 페이지가 내 사이트의 div 영역으로로드됩니다. 다음은이 기능에 대한 코드는 다음과 같습니다

사용자가 링크를 선택했을 때의 링크의 HREF 속성 값이 #web_Content의 DIV에로드되어 있기 때문에이 작동

$('#horizontal_Menu a').click(function(e) 
{ 
    e.preventDefault(); 
    $('#web_Content').load($(this).attr('href'), function() 
    { 
    }); 
}); 

.

지금 나는 다음과 같은 형태가 있다고 할 수 있습니다 : 내가 클릭하는 버튼을 제출할 때 있도록이를 코딩 할 수있을 것입니다 방법

<form id="form_Ref" method="post"> 
    <input type="text" name="regUname" /> 
    <input type="submit" value="Go" /> 
</form> 

를, 그것은 PHP 스크립트로 데이터를 전송하지만 스크립트입니다 내 메뉴 시스템이 div에 페이지를로드하는 것처럼 div 안에로드됩니다.

$('#form_Ref').submit(function() 
{ 
    alert('Submit button is clicked.'); 
    return false; 
}); 

모든 아이디어를 어떻게 PHP 스크립트에 양식을 제출 한 다음이 div 영역에로드가 : 다음을 작업하기 전 기능을 제출 jquerys에보고하고 난 얻을 것 캔트?

어떤 도움을 주셔서 감사합니다.

Answer 1

음, URL은 이제 form 태그의 target 속성에 개최됩니다, 그래서 찾아 :

$('#form_Ref').submit(function(e) 
{ 
    e.preventDefault(); 
    $('#web_Content').load($(this).closest('form').attr('target'), function() 
    { 
    }); 
});