Home/ Questions/Q 6974747
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T17:16:41+00:00

I have this js file serving from some domain say foobar.com at http://foobar.com/static/js/main.js: $(document).ready(function()

  • 0

I have this js file serving from some domain say foobar.com 

at http://foobar.com/static/js/main.js:

$(document).ready(function() {
        function foobar(bar){
            $.ajax({
                    url: "/site/foo/",
                data: {'foo':bar},
                    dataType: "jsonp",
                    crossdomain: !0,
                    success: function (data) {
                alert(data);
                    },
                    error: function () {
                    }
                })
        }   
    });

On barfoo.com on some url, I have something like this:

<script src='http://foobar.com/static/js/main.js' type='text/javascript'></script>
<script type='text/javascript'>foobar('123456')</script>

When I hit that url : it says

Uncaught ReferenceError:foobar is not defined (anonymous function)

How to access function from other domains?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’ve defined “foobar()” inside the “ready” handler. It’s therefore a local variable in that function, and invisible outside it.

    You could add this to the end of the “ready” handler:

      window['foobar'] = foobar;

    and then it’d be visible globally.

    By the way this is something that can bite at jsfiddle because it (by default) will wrap code in a “load” handler. Thus, if you copy/paste from a JavaScript file included in the <head>, a function that would be global in that context ends up not global in the fiddle.

    • 0