javascript - Loading a text file through AJAX gives restricted URI error

I mentioned i read the suggested link ...and Could not able to understand the suggestion .."Use Greasemonkey to modify Pages and start writing some javascript to modify a web page

I am loading a text file with $.ajax. When running the code on Firefox, I get the following error:

Error: ["Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)" location: "<unknown>"]

Here's my code:

<!DOCTYPE html>
<html>
<head>
<script src=".10.2/jquery.min.js">
</script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("button").click(function () {
            $.ajax({ url: "demo_test.txt",
                success: function (result) {
                    $("#div1").html(result);
                },
                error: function (abc) {
                    alert(abc.statusText);
                },
                cache:false
            });
            return false;
        });
    });
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>

I've already read the following questions:

firefox reading web page from local JS file -- access to restricted URI denied, code: 1012, nsresult: NS_ERROR_DOM_BAD_URI
Error: [Exception... "Access to restricted URI denied" .... while calling $.ajax method

It was suggested that file system should not be used, so changed the URL to , but that did not solve the issue.

I also heard that it might be because of a cross domain issue. If so, what exactly is meant by that, and how should I solve the problem?

I mentioned i read the suggested link ...and Could not able to understand the suggestion .."Use Greasemonkey to modify Pages and start writing some javascript to modify a web page

I am loading a text file with $.ajax. When running the code on Firefox, I get the following error:

Error: ["Access to restricted URI denied" code: "1012" nsresult: "0x805303f4 (NS_ERROR_DOM_BAD_URI)" location: "<unknown>"]

Here's my code:

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("button").click(function () {
            $.ajax({ url: "demo_test.txt",
                success: function (result) {
                    $("#div1").html(result);
                },
                error: function (abc) {
                    alert(abc.statusText);
                },
                cache:false
            });
            return false;
        });
    });
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>

I've already read the following questions:

firefox reading web page from local JS file -- access to restricted URI denied, code: 1012, nsresult: NS_ERROR_DOM_BAD_URI
Error: [Exception... "Access to restricted URI denied" .... while calling $.ajax method

It was suggested that file system should not be used, so changed the URL to http://demo_test.txt, but that did not solve the issue.

I also heard that it might be because of a cross domain issue. If so, what exactly is meant by that, and how should I solve the problem?

Share Improve this question edited May 23, 2017 at 11:46 CommunityBot 11 silver badge asked Feb 18, 2014 at 13:29 Neeraj Verma 2632 gold badges10 silver badges21 bronze badges

1 Are you running off the filr protocol...aka c:\\test\foo.html github.com/mrdoob/three.js/wiki/How-to-run-things-locally – epascarello Commented Feb 18, 2014 at 13:50
I guess i am not . Based on your link , i did following : 1. changed url to "D:\\demo_test.txt" 2.Change local files security policy in Firefox . But still it giving me same error – Neeraj Verma Commented Feb 18, 2014 at 14:02
Are you running off a local server....aka http://localhost or you just clicking on a file and it opens in a browser. – epascarello Commented Feb 18, 2014 at 14:04
i click on HTML file . it opens in FireFox with address "file:///C:/Users/Administrator/Desktop/New%20folder/my_html.html" – Neeraj Verma Commented Feb 18, 2014 at 14:06
1 That you are running on the local file protocol. You need to enable firefox to let it access files like the link I posted in the first comment tells you. You really should run IIS or Apache locally and not have to deal with this. – epascarello Commented Feb 18, 2014 at 14:07

| Show 2 more comments

2 Answers 2

Sorted by: Reset to default 16

Browser security prevents the code from running. You are better off running a local server such as IIS or Apache.

You can change your browser to run local content by changing a browser config

Firefox

Go to about:config
Find security.fileuri.strict_origin_policy parameter
Set it to false

I finally seems to Get it working . Here is working Script

$("button").click(function(){
    $.ajax({url:"http://localhost/demo_test.txt",success:function(result){
      $("#div1").html(result);
    }});
  });

Workaround : put the html file and text file on local server (IIS) New Site .

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Loading a text file through AJAX gives restricted URI error - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)