javascript - Asp.net MVC，如何避免javascript中参数中的斜杠(/)

Question

上图显示了家具表的片段。用户将在 ReferenceNum 字段中键入所需的引用号。问题是，数据本身有斜线(/)。每次用户尝试提交值时，我的网址都会变成 MyWebsite.com/Furniture/PriceList/Ref/3/Case2，因此网站无法找到该网站。

查看

<div class="form-group row">
    <label class="control-label col-md-2">Reference Number</label>
    <div class="col-md-8">
        <input type="text" class="form-control" id="RefNum" />
    </div>
    <div class="col-md-2">
        <input class="btn btn-success" id="getReference" value="Find"/>
    </div>
</div>

<p id="rData">
</p>

JS

<script type="text/jscript">
$('#getReference').click(function () {
    $.getJSON('/Furniture/PriceList/' + $('#RefNum').val(), function (data) {

        var items = '<table><tr><th>Name</th><th>Reference Number</th></tr>';
        $.each(data, function (i, lists) {
            items += "<tr><td>" + lists.ItemName + "</td><td>" + lists.ReferenceNum + "</td></tr>";
        });
        items += "</table>";

        $('#rData').html(items);
    });
})

Controller

public JsonResult PriceList(string id)
{
    var result = db.Furnitures.Where(x => x.ReferenceNum == id);

    return Json(result, JsonRequestBehavior.AllowGet);
}

Answer 1

您可以将结果添加为查询字符串值，而不是路由值

$('#getReference').click(function () {
    $.getJSON('/Furniture/PriceList?id=' + $('#RefNum').val(), function (data) {

或

$('#getReference').click(function () {
    $.getJSON('@Url.Action("PriceList", "Furniture")', { id: $('#RefNum').val() }, function (data) {