エラー：構文エラー、認識できない表現に戻るHTML

Question

私はjqueryのAjaxで行を削除したい、私の見解では、私は、Ajaxのコントローラ/アクション

<a href="javascript:void(0);" onClick="markup2('@Url.Action("ChannelDelete", "MyInfo", new {area = ""})');" class="btn btn-lg btn-danger" style="margin-bottom: 15px;">Delete</a> 

function markup2(e) { 
    $(function() { 
    $("#LoadPages").empty(); 
    $("#LoadPages").html('<div style="padding: 20px 15px"><div class="row"><div class="center-block col-md-1" style="float: none;"><img src="/Upload/pageLoader.gif" alt="loading..." /></div></div></div>'); 

    $.ajax({ 
     type: "POST", 
     url: e 
    }).done(function(data) { 
     $("#LoadPages").load(data); 
    }); 
    return false; 
    }); 
} 

それはあまりにも大丈夫だ上記の機能のためのJS関数を呼び出しますURLを取得してAJAX POSTを送信し、データを取得します。 ときのリターンデータ（HTML）と$("#LoadPages")要素（("#LoadPages").load(data)）

は私にエラーを取得への挿入：私はなぜあなたが本当に使用する必要があり、誤りまず

Answer 1

取得分からない

Error: Syntax error, unrecognized expression:

<h2>my channels</h2> 
    <table class="table"> 
     <tr> 
      <th> 
       channel name 
      </th> 
      <th> 
       name 
      </th> 
      <th> 
       UserSelectedChannelJoinDate 
      </th> 
      <th></th> 
     </tr> 
    </table> 

旧式のon*イベント属性ではなく、控えめなイベントハンドラ。

第2に、問題はload()の使用によるものです。このメソッドは、HTMLを返すAJAXリクエストを作成するためのURLを受け取ることを目的としています。このリクエストは、指定された要素のコンテンツとして設定されます。しかし、あなたのコードはURLの代わりにHTML文字列を与えているので、エラーです。

は、この問題を解決するのではなく、 load() html()を使用するには：

<a href="#" data-action="@Url.Action("ChannelDelete", "MyInfo", new {area = "" })" class="btn btn-lg btn-danger">Delete</a> 

$(function() { 
    $('.btn').click(function(e) { 
    e.preventDefault(); 

    $("#LoadPages").html('<div style="padding: 20px 15px"><div class="row"><div class="center-block col-md-1" style="float: none;"><img src="/Upload/pageLoader.gif" alt="loading..." /></div></div></div>'); 

    $.ajax({ 
     type: "POST", 
     url: $(this).data('action') 
    }).done(function(data) { 
     $("#LoadPages").html(data); 
    }); 
    }); 
}); 

私も強く、外部スタイルシートの代わりに、あなたのHTML内style属性を使用することをお勧め。