Cross domain error when embedding ajax div objects in html

Using workbench to integrate qlikview objects into a html page.

The QlikView objects do not appear.

In Chrome there is a pop up error saying "Network error, please try again".

Chrome's developer tools (can be opened with F12), shows the following error:

XMLHttpRequest cannot load http://server/QvAjaxZfc/QvsViewClient.aspx?mark=&host=QVS%40qlikviewserver&…QlikView%20Support&slot=&platform=WORKBENCH&dpi=96&xrfkey=397YhMXxTtrrWzSJ. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://qlikviewserver' is therefore not allowed access.

 

The website and the content must appear to come from the same source or there will be a cross-site scripting error.

So it is not possible to have your html accessed on Server A ( http://ServerA/index.html ) if this references content from Server B ( http://ServerB/QvAjaxZfc/etc ).

To make content appear to come from the same host it is possible to use a proxy. The Workbench Reference manual recommends the following:
 

If the AccessPoint (that is, the QvAjaxZfc virtual directory) is not on the same machine as the QlikView
WorkBench web site, a proxy must be used to avoid cross-site scripting issues. For asp.net sites,
Proxy.aspx can be used. If using a QlikView WorkBench template to create the web site, Proxy.aspx,
is automatically used.
As an alternative, a custom proxy can be created. See Using Custom Proxy (page 42) for more information.