javascript - 如何使用外部Java Script文件进行AJAX

我的ajax正在使用内部java脚本。我想将其作为外部JS文件。这不是如下工作。

HTML

<html>
<head>
    <title>TODO supply a title</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="scripts.js"></script>      
</head> 
<body>
    <div>
        <input name="submit1" id="submit1" type="button" value="Load">
    </div>
    <div id="receive">           
    </div>
</body>

JS档案

$(document).ready(function(){
$('#submit1').click(function(){
    $.ajax({
        url: "data1.php",
        dataType: "JSON",
        type: "POST",
        success: function(retdata){
            $("#receive").html(retdata.name);
        }
    });
}); });

PHP文件 data1.php返回echo(json_encode($student_data)); //适用于内部JS

如何使用外部Java Script文件进行AJAX

0 个答案: