如何在jsfiddle中使用最新的jQuery工作ajax？

Question

我ajax jsfiddle不適用於最新的jQuery（1.7.2），但1.4.x可以。使用螢火蟲我可以看到反應是正確的，但成功並沒有被解僱。

任何想法如何使它適用於最新的？

function ajaxcall() { 
    $.ajax({ 
     type: 'post', 
     url: '/echo/html/', 
     dataType: 'html', 
     data: { 
      // 'html': button + script, 
      'html': "test", 
     }, 
     success: function(data) { 
      //alert("ajax finished"); 
      $('#table').html(data); 
     }, 
     dataType: 'text/html' 
    }); 
} 

最終工作的版本是here

Answer 1

使用dataType: 'html'應該這樣做

function ajaxcall() { 
    $.ajax({ 
     type: 'post', 
     url: '/echo/html/', 
     dataType: 'html', 
     data: { 
      // 'html': button + script, 
      'html': "test", 
     }, 
     success: function(data) { 
      //alert("ajax finished"); 
      $('#table').html(data); 
     }, 
    }); 
} 

DEMO

希望這有助於

Answer 2

編輯：

下面是使用/echo/html/和jQuery $.ajax()工作版本。

$(document).ready(function(){ 
    var $button = $('#createissue'); 

    var test = function(){ 
     $.ajax({ 
      url: '/echo/html/', 
      type: 'post', 
      success: show, 
      data: { 
       delay: 5, 
       html: '<table><tr>' + 
        '<th>summary</th><td>This is a summary for an issue</th>'+ 
        '<th>reporter</th><td>Christopher Robin</th>'+ 
        '<th>assignee</th><td>Jared from Subway</th>'+ 
        '<th>securitylevel</th><td>Hands in the air! Everyone is suspect.</th>'+ 
        '<th>description</th><td>Something descriptive goes here, I suppose.</th>'+ 
        '</tr></table>' 
      } 
     }); 
    }; 

    var show = function(table) { 
     console.log(table);  
     $(document.body).append(table); 
    }; 

    $button.click(test); 
}); 

http://jsfiddle.net/userdude/YCecC/1/

---

我知道我有一個地方，但不幸的是我沒有一個純HTML版本準備就緒。

var test = function(){ 
    $.ajax({ 
     url: '/echo/json/', 
     success: show, 
     type: 'post', 
     data: { 
      delay: 5, 
      json: JSON.stringify({ 
       summary: 'This is a summary for an issue', 
       reporter: 'Christopher Robin', 
       assignee: 'Jared from Subway', 
       securitylevel: 'Hands in the air! Everyone is suspect.', 
       description: 'Something descriptive goes here, I suppose.' 
      }) 
     } 
    }); 
}; 

var show = function(json) { 
    var $row, 
     $cell, 
     rows = {}; 

    $tbody.empty(); 

    for (field in json) { 
     $row = $tr.clone(); 

     $cell = $td.clone(); 
     $cell.text(field); 

     $row.append($cell); 

     $cell = $td.clone(); 
     $cell.text(json[field]); 

     $row.append($cell); 

     rows[field] = $row; 
    } 

    $tbody.append(
     rows.summary, 
     rows.securitylevel, 
     rows.reporter, 
     rows.assignee, 
     rows.description 
    ); 

    $table.append($tbody); 

    $(document.body).append($table); 
}; 

http://jsfiddle.net/userdude/YCecC/