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

以上功能也可以，获取url并发送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

首先，您应该使用不显眼的事件处理程序而不是过时的unique()事件属性。

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

要解决此问题，请使用load()代替html()：

load()

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

我还强烈建议您在HTML中使用外部样式表而不是$(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时

1 个答案: