Get full access to Learning Salesforce Lightning Application Development and 60K+ other titles, with a free 10-day trial of O'Reilly.

There are also live events, courses curated by job role, and more.

Start your free trial

Communication from the Lightning Component to the Visualforce page

In this example, we will take example code that sends a message from the Lightning Component to the Visualforce page. Note that we use the postMessage feature of JavaScript for this communication.

The code snippet for the Lightning Component is as follows:

<aura:component implements="flexipage:availableForAllPageTypes"                access="global">    <aura:attribute name="vfHost" type="String"            default="computing-inspiration-8620-dev-ed--c.cs62.visual.force.com"/>    <!-- Input field for message "data" -->    < Lightning:button label="Send to VF" onclick="{!c.sendToVF}"/>    <div>        <!-- The Visualforce page to send data to --> <iframe aura:id="vfFrame" src="{!'https://' + v.vfHost + '/apex/testVF'}" ...

Get Learning Salesforce Lightning Application Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Don’t leave empty-handed

Get Mark Richards’s Software Architecture Patterns ebook to better understand how to design components—and how they should interact.

It’s yours, free.

Get it now

Check it out now on O’Reilly

Dive in for free with a 10-day trial of the O’Reilly learning platform—then explore all the other resources our members count on to build skills and solve problems every day.

Start your free trial Become a member now