使用 asp.net core實作一個類 google blog的網站

 

之前有分享過 試作 CKEditor 圖片選擇器 ( image upload )，利用 ckeditor和客制 image picker
來達成圖片選取，但是圖片的處理、儲存還沒實作完成，最近剛好寫完預算系統，所以利用空檔來繼續完成這個部份，完成工作內容如下：

jQuery getJSON()

AJAX 方面學習，今天有看到一些可以學習的的部份

jQuery.getJSON()  ,  .appendTo()

Getting Started with ASP.NET Web API 2

原本寫法

$.getJSON( "ajax/test.json", function( data ) {



  var items = [];



  $.each( data, function( key, val ) {



     items.push( "<li id='" + key + "'>" + val + "</li>" );



  });



  $( "<ul/>", {



    "class": "my-new-list",



     html: items.join( "" )



  }).appendTo( "body" );



});

1.5以後的版本可以寫成如，可用 .done來作後續 data成功回傳的動作

$(document).ready(function () {
    // Send an AJAX request
    $.getJSON(apiUrl)
        .done(function (data) {
            // On success, 'data' contains a list of products.
            $.each(data, function (key, item) {
                // Add a list item for the product.
                $('<li>', { text: formatItem(item) }).appendTo($('#products'));
            });
        });
});

var jqxhr = $.getJSON( "example.json", function() {



  console.log( "success" );



}).done(function() {



    console.log( "second success" );



}).fail(function() {



    console.log( "error" );



}).always(function() {



    console.log( "complete" );



});



jqxhr.complete(function() {



  console.log( "second complete" );



});

使用 AJAX updatepanel 後原本的按鈕無法使用

這是一位漂亮女同事分享的~

原本程式內有些按鈕正常作用，會開啟另一個 browser，但是加了updatepanel 後，button 點了之後都沒有反應，後來找到的解決方式如下。

動態產生 asp.net 元件加入


http://stackoverflow.com/questions/2864398/javascript-code-inside-updatepanel
http://www.ajaxtutorials.com/ajax-tutorials/using-javascript-and-updatepanels-in-asp-net-3-5/