Cors error while loading html file to javascript via jquery

I am trying to load contents of form.html into index.html via jQuery

index.html

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
        
        <div id="indexContent"></div>
    </body>

    <script type="text/javascript">
        $("#indexContent").load('forms.html #formsContent');
    </script>
</html>

forms.html

<div id="formsContent"><h4>Forms: </h4></div>

These files are in same folder and same server but somehow I am getting this CORS error:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///C:/Users/mypc/dev/formsproject/forms.html. (Reason: CORS request not http)

Cors error while loading html file to javascript via jquery

0 Answers