错误:语法错误，返回 HTML 时无法识别表达式

Question

我想用jquery ajax删除行，在我看来，我调用ajax控制器/操作的js函数

<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;
  });
}

上面的函数也没关系，获取网址并发送AJAX POST并获取数据;返回数据时 (html( 并插入到 $("#LoadPages") 元素 ( ("#LoadPages").load(data) (

给我一个错误：

错误：

语法错误，无法识别的表达式：

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

我不知道为什么得到错误

Answer 1

首先，您应该真正使用不显眼的事件处理程序，而不是过时的on*事件属性。

其次，您的问题是由于使用了load()。该方法旨在接收一个 URL 以发出返回 HTML 的 AJAX 请求，然后将其设置为指定元素的内容。但是，您的代码给出的是 HTML 字符串而不是 URL，因此会出现错误。

要解决此问题，请使用html()而不是load()：

<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 属性。