javascript - 如何传输完整字符串

Question

我在从 View 中传输字符串数据时遇到问题，它只需要字符串中的第一个值。例如，我有包含

的房间列表

Some action
Action in 
New room

当我点击第一个房间(Some action)时，它只需要值“Some”，然后我会显示我已经加入“Some”房间的警报。

JS:

$('#rooms ul li').not('.nav-header').click(function () {

    $('#rooms ul li').not('.nav-header').removeClass('active');

    $(this).addClass('active');
    var roomKey = $(this).data('value');
    hub.server.joinGroup(roomKey);
});

查看:

<div id="rooms" class="well well-small">
    <ul class="nav nav-list">
        <li class="nav-header">Rooms</li>
        @foreach (var item in Model)
        {
            <li data-value=@item.Name><a>@item.Name</a></li>
        }
    </ul>
</div>

调试时，点击 Action 后加入到实现加入房间的方法。

public void JoinGroup(string groupName) {..}

并且在 groupName 中它只显示“Some”。

Answer 1

在您的 data-value 属性周围添加引号:

<li data-value="@item.Name"><a>@item.Name</a></li>

---

长答案:这里发生的是，没有引号，它被松散地呈现如下:

<li data-value=Some action><a>@item.Name</a></li>

Javascript 将其解释为 2 个属性:

• 数据值 = 一些
• action = nothing

通过添加引号，javascript 将具有更严格的结构。