'How to get file content witn Ajax - "Undefined" returned

I have the html/jquery code shown below. When open the page I get an alert "Undefined" followed by the alert "Error - pcsdBase" from the ajax 'error' function. The "undefined" seems to come from the jquery library ....

// Main method
    ajax: function( url, options ) {

        // If url is an object, simulate pre-1.5 signature
        if ( typeof url === "object" ) {
            options = url;
            url = undefined;
        }

at line 9375 in this library

My code is

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>PhotoCompSoftware documentation</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.0.js"></script>
    <script type="text/javascript">
        function getText() {
            $.ajax({
                type: 'GET',
                url: 'http://photocomp.uk/pcs-help/pcsdBase.html',
                dataType: 'text',
                success: function (txt, textStatus) {
                    alert('text=' + txt)
                    return txt;
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('Error - ' + section + '.html');
                 }
            })
        }
 
        $(document).ready(function() {
            alert(getText());
         })
    </script>
</head>
<body>
   <p>Alert should say From file</p>
</body>
</html>

What am I doing wrong?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source