2016-08-17 20 views
0

GetAllProperties()関数を呼び出す代わりに、ページが読み込まれるときにGetAllProperties()関数を呼び出す必要があります。私のコードは次のようになります。私はjQueryのページロード時にAJAXリクエストを行う方法

に新しいですので

<script type="text/javascript"> 
    $(document).ready(function() { 
     GetAllProperties();  
    }); 
    function GetAllProperties() {  
     $.ajax({ 
      cache: false, 
      url: '/Home/GetAllProperties', 
      type: 'GET', 
      contentType: "application/json; charset=utf-8", 
      success: function (response) { 
       if (response.list.length > 0) { 
        console.log(response.list) 
        var $data = $('<table id="mytable" class="table table-striped"> </table>'); 
        var header = "<thead><tr><th>Property Name</th><th>Edit</th></tr></thead>"; 
        $data.append(header); 
        $.each(response.list, function (i, row) { 
         var $row = $('<tr/>'); 
         $row.append($('<td/>').html(row.PropertyName)); 
         $hidden = $(' <input type="hidden" name="hid" value= "' + row.PropertyId + '">'); 
         $row.append($hidden); 
         $editButton = $("<button class='editbtn' id='mybtn'>Edit</button>");  
         $row.append($editButton); 
         $deleteButton = $("<button class='deletebtn' id='delbtn'>Delete</button>");  
         $row.append($deleteButton); 
         $data.append($row); 
        });   
        $("#MyDiv").empty(); 
        $("#MyDiv").append($data); 
       } 
       else { 

       } 
      }, 
      error: function (r) { 
       alert('Error! Please try again.' + r.responseText); 
       console.log(r);  
      } 
     });  
    }  
</script> 

私は本当にあなたの助けが必要

+1

は、デバッグを試してみましたが?あなたのブラウザのコンソールを調べるようなものですか?私は完全にはわかりませんが、使用する前に関数を定義する必要があると思います... – Jakumi

答えて

0

がちょうどGetAllProperties()を呼んで

$(document).ready(function() { 
     GetAllProperties();  
}); 

を交換していただきありがとうございます。 Ajaxは

を呼び出すために、あなたはそれは準備ができたときにDOMで操作

$(document).ready(function() { 
    $("#MyDiv").empty(); 
    $("#MyDiv").append($data); 
}); 

$("#MyDiv").empty(); 
$("#MyDiv").append($data); 

を交換DOMを必要としません。 DOMなしでできる他のアクション。

0

関数を呼び出すには、次のコードを試してください。 $(window).on( 'load'、function(){GetAllProperties();});

+0

あなたの助けていただきありがとうございます、私はこれを試しましたが、まだ同じ問題 – Lucy

0

ページは、あなたが

$(document).ready(function() { 
     GetAllProperties();  
    }); 

を削除する必要が読み込まれている間の関数を呼び出したい場合は、単にあなたがロード中に機能を開始したい

GetAllProperties();  
+0

ありがとうございます。私はそれを試みたが、同じ問題 – Lucy

0

関数を呼び出すと、後でない?できるだけ早い時期にGetAllProperties();に電話をかけてください。最高の場所は<head>です。

ただし、の後にの後に置く必要があります。GetAllProperties機能自体が含まれている必要があります。関数は同じファイルで宣言する必要があります。

それ以外の場合は、スクリプトファイルの読み込みによって実行が遅延するか、ページの下部に配置すると読み込みDOMによって遅れます。

+0

あなたの素敵な助けをありがとう、ありがとう..私は非常にJqueryに新しいです..あなたはそれを実装する方法を示すためにコードを書いてくださいできますか?ありがとうございました – Lucy

0

あなたは、以下の機能試してみてくださいよりも、ページのロード中にJavaScript関数を呼び出すようにしたい場合:

window.onload = function() { 
    GetAllProperties(); 
}; 
関連する問題