由ajax调用的html中的PHP无法正常工作

Question

So this is my ajax call

function insertModal(link)
{
$.ajax({
    url: link,
    cache: false,
    dataType: "text",
    success: function(data) {
        $("#modalInput").html(data);
    },
    error: function (request, status, error) {
        alert(request.responseText);
    }
});
}

And this is my html file which called by ajax

        <form>
            <div class="modal-content">
                <h3>Input Car</h3>
                <div class="row">
                    <div class="col s12 select-container">
                        <i class="material-icons prefix light-green-text text-darken-1">date_range</i>
                        <select id="th_car_out">
                            <?php
                                include 'script/year.php';
                            ?>
                        </select>
                        <label>Choose Car Year</label>
                    </div>
                </div>
            </div>
        </form>

Everything is working good, the form show up etc, except the PHP script.

I already try changing my php script "include" to some basic php script echo "option" or even write simple echo "hi", but it still did not show anything.

Can anyone tell me what went wrong ?

Answer 1

Rename the file containing PHP code with the extension .php, as your web server is not configured to make PHP process *.html files.