Question

我有两个包含js代码的html文件（用于添加和编辑）。除了函数中的少量js行外，这两个文件是相同的。实际上我不喜欢这两个文件都有共同的代码。有没有办法处理这种情况？

示例：

（档案一）

<html>
     <title>title goes here</title>
      <javascript>

            $('#button1').click(function () {
            $.ajax({
                type: "POST",       
                url: '/admin/test/checkcode',
                data: {code:code, id:id}, // in here there is an id
                async: false,                     
                success: function(data){
                }
            });
           }
      </script>  
     <body>

     </body>
</html>

（文件二）

<html>
     <title>title goes here</title>
      <javascript>

            $('#button1').click(function () {
            $.ajax({
                type: "POST",       
                url: '/admin/test/checkcode',
                data: {code:code}, // in here there is no id
                async: false,                     
                success: function(data){
                }
            });
           }
      </script>  
     <body>

     </body>
</html>

Answer 1

您可能想尝试将该JavaScript代码放入单独的文件中。这样，您可以将单个JavaScript文件包含在每个页面中......并且只需对该JavaScript文件进行更改。

供参考，这是一种包含JavaScript文件的方法：

<script type="text/javascript" src="javascript_file_here.js"></script>

在该JavaScript文件内部，可能存在某种类型的基本函数，该函数接受data调用中使用的$.ajax()值的参数。例如，像：

function example(data1, data2) {
    // your code here
    // then just check for data1 and data2 (etc.)
    // to see what to include in the `data:`
}

如何保持两个js文件之间的一致性？

1 个答案: