Javaスクリプト、ASP.NET

Question

私はいくつかの助けを必要とし、JS上記

<asp:Image ID="imgCaptcha" CssClass="Captcha" ImageUrl="/ashx/captcha.ashx" runat="server" /> 
<button id="refreshcaptcha" type="button" class="btn btn-default btn-lg" aria-label="Refresh"> <i class="fa fa-lg fa-refresh"></i> </button> 

JScriptの

$("#refreshcaptcha").click(function (parameters) { 
    $.ajax({ 
     type: "POST", 
     url: "contactus.aspx/RefreshCaptcha", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (response) { 
      var src = $('#<%= imgCaptcha.ClientID %>').attr("src"); 
      if (endsWith(src, "ashx")) { 
       $('#<%= imgCaptcha.ClientID %>').attr("src", src + "?" + Math.random()); 
      } else { 
       src = src.substring(0, src.indexOf('?')); 
       $('#<%= imgCaptcha.ClientID %>').attr("src", src + "?" + Math.random()); 
      } 
     }, 
     failure: function (response) {} 
    }); 
    function endsWith(str, suffix) { 
     return str.indexOf(suffix, str.length - suffix.length) !== -1; 
    } 
}); 

が.aspxのページ上にあり、それはOK働いて、 はどのように私はJSのこのブロックを移動することができます別々のリンクされた.jsファイルにコード化しますか？ JSコードに変更する必要があるのは何ですか？

Answer 1

<asp:Image>にClientIDMode属性を追加して静的に設定し、そのIDを使用してjavascriptファイルにアクセスします。例えば

：

<asp:Image ID="imgCaptcha" ClientIDMode="Static" CssClass="Captcha" ImageUrl="/ashx/captcha.ashx" runat="server" /> 

$('#imgCaptcha').attr("src", src + "?" + Math.random()); 

Answer 2

NON ASP環境でこれをどのように行うのかを考えてみましょう。何が変わったのですか？ ASPはその点で違いはありません。 ASPページにJSファイルを含めます。一般的に、これはあなたのページのための標準的なヘッダのいくつかの並べ替えで行われます。