{"id":89082,"date":"2017-07-10T16:36:43","date_gmt":"2017-07-10T16:36:43","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=89082"},"modified":"2021-07-16T14:27:49","modified_gmt":"2021-07-16T14:27:49","slug":"action-function-visualforce-page","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/","title":{"rendered":"Action Function In VisualForce Page."},"content":{"rendered":"\n<p>In this blog we will learn about<strong> &lt;apex:actionFunction&gt;<\/strong> tag. This tag is used to invoke Apex action by using JavaScript asynchronously via AJAX requests.<\/p>\n\n\n\n<p>JavaScript is Dynamic scripting language which perform action on client side. By use of this language we can reduce traffic on &nbsp;web server. <strong>&nbsp;&lt;apex:actionFunction&gt;<\/strong> and <strong>&lt;apex:actionSupport&gt;<\/strong> are two components which we use in visualforce page to execute different JavaScript task.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Attributes:<\/h3><\/div><div class=\"margin-bottom-50\">\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Attribute Name<\/th><th>Type<\/th><th>Description<\/th><th>Required<\/th><\/tr><tr><td>action<\/td><td>ApexPages.Action<\/td><td>The action method invoked when the actionFunction is called by a DOM event elsewhere in the page markup.If an action is not specified, the page simply refreshes. Example action = &#8220;{!delete}&#8221;<\/td><td>No<\/td><\/tr><tr><td>focus<\/td><td>String<\/td><td>The ID of the component that is in focus after the AJAX request completes.<\/td><\/tr><tr><td>&nbsp;<\/td><td>&nbsp;<\/td><td>&nbsp;<\/td><td>&nbsp;<\/td><\/tr><tr><td>id<\/td><td>String<\/td><td>Identifier<\/td><td>No<\/td><\/tr><tr><td>immediate<\/td><td>Boolean<\/td><td>A Boolean value that specifies whether the action associated with this component should happen immediately, without processing any validation rules associated with the fields on the page. Default is set to false.<\/td><\/tr><tr><td>name<\/td><td>String<\/td><td>The name of the JavaScript function that, when invoked elsewhere in the page markup<\/td><td>Yes<\/td><\/tr><tr><td>namespace<\/td><td>String<\/td><td>The namespace to use for the generated JavaScript function.For example, &#8220;webkul&#8221; and &#8220;wk_vfPage&#8221; are supported as namespaces.<\/td><\/tr><tr><td>onbeforedomupdate<\/td><td>String<\/td><td>The JavaScript invoked when the onbeforedomupdate event occurs&#8211;that is, when the AJAX request has been processed, but before the browser&#8217;s DOM is updated.<\/td><td>No<\/td><\/tr><tr><td>oncomplete<\/td><td>String<\/td><td>The JavaScript invoked when the result of an AJAX update request completes on the client.<\/td><td>No<\/td><\/tr><tr><td>rendered<\/td><td>Boolean<\/td><td>It specifies whether the component is rendered on the page. Default is true.<\/td><\/tr><tr><td>reRender<\/td><td>Object<\/td><td>Id of component to be refresh<\/td><td>No<\/td><\/tr><tr><td>status<\/td><td>String<\/td><td>Id of component to show the Status of an AJAX update request.<\/td><td>No<\/td><\/tr><tr><td>timeout<\/td><td>Integer<\/td><td>The amount of time (in milliseconds) before an AJAX update request should time out.<\/td><td>No<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Example<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Here is an example how to use &nbsp;action function in visualforce page. In this example we will create account by using action function then update it asynchronously.<\/p>\n\n\n\n<p>1). You have to create a VisualForce page by using following code.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted brush:java\">&lt;apex:page controller=\"exampleJs\" tabstyle=\"Account\"&gt;\n&lt;!-- \n    \/**\n     * Webkul Software.\n     *\n     * @category  Webkul\n     * @author    Webkul\n     * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n     * @license   https:\/\/store.webkul.com\/license.html\n     *\/\n --&gt;\t   \n &lt;style&gt;\n        .progressBar\n        {\n        width: 0;\n        height : 13px;\n        border : grey;\n        background : green;\n        }\n        .loading{\n        Display: none;\n        position:Absolute;\n        top:-2px;\n        left:-2px;\n        width:100%;\n        height:100%;\n        background:black;\n        opacity: .5;\n        border:0;\n        }\n        \n        .loadingMessage\n        {\n        Display: none;\n        position:fixed;\n        width:100px;\n        height:30px;\n        padding:10px 5px;\n        top:50%;\n        Left:50%;\n        margin-top:-25px;\n        margin-left:-60px;\n        background:#ffffff;\n        border:3px solid #ffba1a;\n        Color:#222222;\n        font-size:12px;\n        font-weight:bold;\n        }\n    &lt;\/style&gt;\n    &lt;script&gt;\n    var i = 0;\n    var j = 0;\n    function load()\n    {\n        document.getElementById(\"wholeLoad\").style.display=\"Block\";\n        document.getElementById(\"lodMsg\").style.display=\"Block\";\n        return false; \n    }\n    function color()\n    {\n        \n        if(i&lt;10)\n        {\n            j += 10;\n            document.getElementById(\"progressBar\").style.width = j+'%' ; \n            i++;\n        }\n            \n    }\n    &lt;\/script&gt;\n    &lt;apex:form &gt;\n        &lt;apex:actionFunction action=\"{!createAccount}\" name=\"createRecordJS\"  status=\"createStatus\" oncomplete=\"updateAccount();\" \/&gt;\n        &lt;apex:actionFunction action=\"{!updateAccount}\" name=\"updateAccount\" status=\"wsStatus\"  oncomplete=\"color(),createRecordJS();\"\/&gt;\n        &lt;apex:outputPanel id=\"statuses\"&gt;\n            &lt;div class=\"loading\" id=\"wholeLoad\"\/&gt;\n            &lt;div class=\"loadingMessage\" id=\"lodMsg\"&gt;\n                &lt;div class=\"progressBar\" id = \"progressBar\"&gt;\n                    \n                &lt;\/div&gt;\n                Processing....\n            &lt;\/div&gt;\n            \n        &lt;\/apex:outputPanel&gt;\n        &lt;apex:outputPanel id=\"msgs\"&gt;\n            &lt;apex:pageMessages \/&gt;\n        &lt;\/apex:outputPanel&gt;\n        &lt;div&gt;&lt;input name=\"CreateAndCall\" class=\"btn\" type=\"button\" value=\"Create And Update !!!\" onclick=\"load(),createRecordJS();return false;\"\/&gt;&lt;\/div&gt;\n    &lt;\/apex:form&gt;\n&lt;\/apex:page&gt;<\/pre>\n\n\n\n<p>2). &nbsp;Create apex class say exampleJs and write following code.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted brush:java\">public with sharing class exampleJs {\n  \/**\n    * Webkul Software.\n    *\n    * @category  Webkul\n    * @author    Webkul\n    * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n    * @license   https:\/\/store.webkul.com\/license.html\n    *\/\n  \n    Account myAccount;\n    integer i =0;\n    \/\/Creates an account record.\n    public PageReference createAccount() {\n        \/\/Create an account using DML operation.\n        if(i&lt;10){\n            myAccount = new Account(name = 'Webkul Software Pvt. Ltd.');\n            insert myAccount;\n            i++;\n            return null;\n        }  else {\n            pageReference pg =page.remoteAction;\n            pg.setRedirect(true);\n            return pg;\n        }\n       \n    }\n    \n    public PageReference updateAccount() {\n       \/\/ Update the same account record  \n        myAccount.Name = 'Webkul After Update';\n        update myAccount; \n        return null;\n    }\n    \n}<\/pre>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Output<\/h3><\/div><div class=\"margin-bottom-50\">\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" width=\"1091\" height=\"464\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition.jpg\" alt=\"\" class=\"wp-image-89143\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition.jpg 1091w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-250x106.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-300x128.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-768x327.jpg 768w\" sizes=\"(max-width: 1091px) 100vw, 1091px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" width=\"1061\" height=\"343\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-1.jpg\" alt=\"\" class=\"wp-image-89144\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-1.jpg 1061w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-1-250x81.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-1-300x97.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Salesforce-Developer-Edition-1-768x248.jpg 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Accounts-Salesforce-Developer-Edition.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" width=\"1027\" height=\"464\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Accounts-Salesforce-Developer-Edition.jpg\" alt=\"\" class=\"wp-image-89142\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Accounts-Salesforce-Developer-Edition.jpg 1027w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Accounts-Salesforce-Developer-Edition-250x113.jpg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Accounts-Salesforce-Developer-Edition-300x136.jpg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Accounts-Salesforce-Developer-Edition-768x347.jpg 768w\" sizes=\"(max-width: 1027px) 100vw, 1027px\" loading=\"lazy\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Support<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>That\u2019s all for Action Funtion , still if you have any further query feel free to add a ticket, we will be happy to help you&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this blog we will learn about &lt;apex:actionFunction&gt; tag. This tag is used to invoke Apex action by using JavaScript asynchronously via AJAX requests. JavaScript is Dynamic scripting language which perform action on client side. By use of this language we can reduce traffic on &nbsp;web server. &nbsp;&lt;apex:actionFunction&gt; and &lt;apex:actionSupport&gt; are two components which we <a href=\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":145,"featured_media":89197,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[198,1887],"tags":[5046,5048,5049,5047],"class_list":["post-89082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-salesforce","tag-actionfunction","tag-ajax-in-salesforce","tag-invoke-the-apex-method-in-salesforce","tag-js-in-salesforce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Action Function In VisualForce Page. - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Action Function In VisualForce Page. - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"In this blog we will learn about &lt;apex:actionFunction&gt; tag. This tag is used to invoke Apex action by using JavaScript asynchronously via AJAX requests. JavaScript is Dynamic scripting language which perform action on client side. By use of this language we can reduce traffic on &nbsp;web server. &nbsp;&lt;apex:actionFunction&gt; and &lt;apex:actionSupport&gt; are two components which we [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-10T16:36:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-16T14:27:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Snehil Jaiswal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Snehil Jaiswal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\"},\"author\":{\"name\":\"Snehil Jaiswal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1\"},\"headline\":\"Action Function In VisualForce Page.\",\"datePublished\":\"2017-07-10T16:36:43+00:00\",\"dateModified\":\"2021-07-16T14:27:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\"},\"wordCount\":403,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png\",\"keywords\":[\"ActionFunction\",\"Ajax in salesforce\",\"Invoke the apex method in salesforce\",\"Js in salesforce\"],\"articleSection\":[\"JavaScript\",\"Salesforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\",\"url\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\",\"name\":\"Action Function In VisualForce Page. - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png\",\"datePublished\":\"2017-07-10T16:36:43+00:00\",\"dateModified\":\"2021-07-16T14:27:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Action Function In VisualForce Page.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1\",\"name\":\"Snehil Jaiswal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Snehil Jaiswal\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/snehil-jaiswal901\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Action Function In VisualForce Page. - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/","og_locale":"en_US","og_type":"article","og_title":"Action Function In VisualForce Page. - Webkul Blog","og_description":"In this blog we will learn about &lt;apex:actionFunction&gt; tag. This tag is used to invoke Apex action by using JavaScript asynchronously via AJAX requests. JavaScript is Dynamic scripting language which perform action on client side. By use of this language we can reduce traffic on &nbsp;web server. &nbsp;&lt;apex:actionFunction&gt; and &lt;apex:actionSupport&gt; are two components which we [...]","og_url":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-07-10T16:36:43+00:00","article_modified_time":"2021-07-16T14:27:49+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png","type":"image\/png"}],"author":"Snehil Jaiswal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Snehil Jaiswal","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/"},"author":{"name":"Snehil Jaiswal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1"},"headline":"Action Function In VisualForce Page.","datePublished":"2017-07-10T16:36:43+00:00","dateModified":"2021-07-16T14:27:49+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/"},"wordCount":403,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png","keywords":["ActionFunction","Ajax in salesforce","Invoke the apex method in salesforce","Js in salesforce"],"articleSection":["JavaScript","Salesforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/","url":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/","name":"Action Function In VisualForce Page. - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png","datePublished":"2017-07-10T16:36:43+00:00","dateModified":"2021-07-16T14:27:49+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/action-function-visualforce-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/download-3-2.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/action-function-visualforce-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Action Function In VisualForce Page."}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/e7e387ae1eb38a5dd56c53c2daf848d1","name":"Snehil Jaiswal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4bca6424a95aaafa9ab0ddc940099d65d20ab159fbcec826869a62578336590d?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Snehil Jaiswal"},"url":"https:\/\/webkul.com\/blog\/author\/snehil-jaiswal901\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/89082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/145"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=89082"}],"version-history":[{"count":16,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/89082\/revisions"}],"predecessor-version":[{"id":301131,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/89082\/revisions\/301131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/89197"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=89082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=89082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=89082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}