Parameter passing using Javascript+actionFunction in visualforce

Parameter passing using Javascript+actionFunction in visualforce

In visualforce, there is a method for passing parameters from visualforce page to controller using javascript and actionFunction. Here is the example;

/*JavaScript*/

view plaincopy to clipboardprint?

1. <script type="text/javascript">  
2. function doSave(date) {  
3.     paraFunction(document.getElementById(date).value);  
4. }  
5. </script>  

/*Action Function*/

view plaincopy to clipboardprint?

1. <apex:actionFunction name="paraFunction" action="{!saveInterviewDate}" rerender="view">       
2.      <apex:param id="aname" name="interviewDate" value="" />  
3.  </apex:actionFunction>  

/*Call the javaScript from here*/

view plaincopy to clipboardprint?

1. <apex:commandLink onclick="doSave('{!$Component.interviewDate}');">                 
2.                        <apex:commandButton value="Save"/>  
3.                    </apex:commandLink>  

/*get the parameter in controller*/

view plaincopy to clipboardprint?

1. String interviewdate=Apexpages.currentPage().getParameters().get('interviewDate');