Retrieve the content of the JavaScript file

Question

Using JavaScript, I want to retrieve the content of the script files. These script files remain in local(in web page).

For example. In web page, there is a script,

<script src="tool.js"></script>

Latter, I want to get the content of tool.js and process the retrieved result (like dump its content).

I have tried to use jQuery.getScript. However, it tells me that Origin null is not allowed by Access-Control-Allow-Origin.

No, I just need to read script file from website developed by other developers. In other words, I can't control these scripts directly, but I need to process them (like dump their contents in console). — Yulong Tian, May 29 '13 at 03:08

Lars · Answer 1 · 2013-05-29T03:01:21.367

0

try an ajax like the following

$.ajax('/tool.js', {
      type: 'GET',
      crossDomain: true,
      dataType: 'jsonp',
      success: function(data) {
        console.log(data);
      },
      error: function() {
        console.log("call failed");
      }
});

edited May 29 '13 at 03:01

answered May 29 '13 at 02:53

Lars

616
7
8

Chrome still tells me that there is Access-Control-Allow-Origin problem. – Yulong Tian May 29 '13 at 02:55

score 0 · Answer 2 · edited May 23 '17 at 11:57

0

try using jquery.load() and put its contents on an element and use .html()

<html>
</head>
    <script src="jquery.js"></script>
    <script>
    $(document).ready(function(){
        //setup ajax to work locally
        $.ajaxSetup({
           crossDomain: false,
            isLocal :true
        });
        $("#a").load('jquery.js', function() {
          alert($("#a").html());
        });
    });
    </script>
</head>
<body>
    <span id="a" style="display:none;"></span>
</body>
</html>

Browser Check: the code above works and tested in FF, Safari, Opera and IE

but if you keep on having problem with Origin null is not allowed by Access-Control-Allow-Origin then having a web server installed is needed as said here; Origin null is not allowed by Access-Control-Allow-Origin

Reference:

http://api.jquery.com/load/

code for your disposal : http://jsfiddle.net/PeaH3/1/

edited May 23 '17 at 11:57

Community

1
1

answered May 29 '13 at 02:55

Netorica

16,405
16
70
105

Same problem as @Lars's suggestion and `.getScript` method – Yulong Tian May 29 '13 at 02:58
@YulongTian Please answer on my qquestion above your. – WooCaSh May 29 '13 at 03:00
@Mahan Still same problem. https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS – Yulong Tian May 29 '13 at 03:10
Still some problem. Finally I decide to put these logic into plugin(The project will have a plugin running under the browser). – Yulong Tian May 30 '13 at 01:51

score 0 · Answer 3 · edited May 23 '17 at 12:18

0

You need to configure your Access-Control-Allow-Origin:

Access-Control-Allow-Origin: *

This lets you use any resource to obtain assets from an external domain. Do this first and either Mahan's or Lars's solution will work.

More info: Access-Control-Allow-Origin Multiple Origin Domains?

edited May 23 '17 at 12:18

Community

1
1

answered May 29 '13 at 03:05

Francis Kim

4,110
4
33
51

I add that `` in `head`. However, it can't still work well in Chrome. All suggestions will produce `Access-Control-Allow-Origin` problem. – Yulong Tian May 29 '13 at 03:23
@YulongTian you need to add it to `httpd.conf` or `.htaccess` – Francis Kim May 29 '13 at 03:26

Retrieve the content of the JavaScript file

3 Answers3