Assign value to a apex variable in Visualforce page using javascript or jquery

Some time we need to send a variable value to apex class variable in visualforce page. There are many ways to do this. Here is very simple way to do this.

<apex:actionFunction id="ID" name="javascriptFunction" action="{!valuesUsingJS}">
        <apex:param value="" name="parameterName1"/>
        <apex:param value="" name="parameterName2"/>
</apex:actionFunction>

Yes, you are right. We are using action function here and sending value using parameter's as we do in class functions or javascript function. Here the next is pass values in these parameter. 



javascriptFunction(parameterName1, parameterName2);
Now get these values in apex class. 

public void valuesUsingJS() {
        String Value1 = ApexPages.currentPage().getParameters().
                       get('parameterName1');
       String Value1 = ApexPages.currentPage().getParameters().
                       get('parameterName2');
       System.debug(value1);
       System.debug(value2);
}