I have two websites namely:
www.siteone.com
www.sitetwo.com
Now I have to display data in www.siteone.com
by getting data via script from www.sitetwo.com
Since I have to get particular data, I am passing variable from www.siteone.com
to www.sitetwo.com
like this:
//script in www.siteone.com
<script type="text/javascript">
$(document).ready(function(){
window.$vars = {
id:"form"
};
</script>
In www.sitetwo.com
, I have the following script:
//script in www.sitetwo.com
<script type="text/javascript">
var k = window.$vars.id;
$("#form").dform("http://www.sitetwo.com/"+k+'.json', function(data) {
this
data
});
</script>
Here the value "id" that I am passing from siteone to site two is received by the script correctly. But I cannot open form.json file due to crossdomain. The following error is thrown:
XMLHttpRequest cannot load http://www.sitetwo.com/form.json. Origin http://www.siteone.com is not allowed by Access-Control-Allow-Origin.
How can I access form.json from www.siteone.com