2012-03-16 14 views
2

jsコードを含む2つのhtmlファイル(追加と編集用)があります。これらの2つのファイルは、機能のjs行をほとんど除いて同じです。実際には、私は両方のファイルに共通のコードを持っているのが好きではありません。このような状況に対処する良い方法はありますか?2つのjsファイルの一貫性を保つには?

例:

(ファイル1)

<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> 

(ファイル2)

<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> 

答えて

2

あなたは別のファイルにそのJavaScriptコードを入れて試してみたいことがあります。そうすれば、それぞれのページに単一のJavaScriptファイルを含めるだけで、その1つの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:` 
} 
+1

返信いただきありがとうございます。あなたの答えに応じて、私は同じ行が変更されただけなので、同じAjax関数を2回書く必要があります。 – Rohitha

+0

@Rohitha私はあなたが何を意味するかを見ます。この場合、JavaScriptファイルにある種の関数パラメータを作成して、その 'data:'値に何を含めるべきかをコードに知らせることもできます。 – summea

+0

@Rohithaコメントを少し広げるために私の答えを更新しました... – summea

関連する問題