数据显示加载局部视图MVC

Question

我的cshtml页面上有以下代码：

<div class="large reveal" id="draftProductModal" data-reveal>
                        <button class="close-button" data-close aria-label="Close modal" type="button">
                            <span aria-hidden="true"><i class="fa fa-times-circle-o"></i></span>
                        </button>
                    </div>
                    <div class="input-group">
                        <input type="text" class="input-group-field" id="draftSearchProducts" name="draftSearchProducts" placeholder="SearchProducts" />
                        <div class="input-group-button">
                            <!--Add product to order lines button-->
                            <a id="draftAddProduct" class="hollow button secondary" data-open="draftProductModal"><i class="fa fa-plus"></i>&nbsp;Search Products</a>
                        </div>
                    </div>

我需要获取draftSearchProducts文本字段中的值，将其传递给返回partialview的控制器：

public ActionResult SearchResults(string keywords, int queryLimit = 20, int offset = 0)
    {
        try
        {
           //connect to db, grab data return results
            searchResults.ProductDetails = products.ToList();

            return PartialView("_SearchResults", searchResults);
        }
        catch (Exception ex)
        {
            throw ex;
        }
    }

我需要将关键字发送到控制器，返回局部视图并将其加载到draftProductModal div中并显示div。这是怎么做到的？我是前端开发的新手。

试过这段代码：

 var url = '/ProductsController/SearchResults';
$('#draftAddProduct').click(function () {
    var keyWord = $('draftSearchProducts').val();
    $('#draftProductModal').load(url, { keywords: keyWord });

});

我得到的是404错误，所以看来我没有碰到我的控制器。我想我已经接近了，我只需要找出如何访问控制器ActionResult。仍在接受帮助。