单击时刷新自动搜索mvc

时间:2014-10-29 09:31:51

标签: jquery asp.net-mvc asp.net-mvc-4

我使用MVC 4创建了一个自动搜索。当我点击它显示的列表中的项目时,我有一个按钮,我想要摆脱它,所以我可以取消该项目并再次搜索..

这就是我的工作:

cshtml页面:

<form>
    <div id="lblCustomer" style="display: none;">
        <h3>Customer: <span></span>  </h3>
        <div><a class="" id="btnChangeCustomer">change</a></div>
        <div>
            <a class="btn1" href="" id="btnAddCustomer">Add</a>
        </div>
    </div>
    <div id="Contacts" class="col-lg-5" style="display:block;"></div>
</form>

在Controller中我有这个使自动完成工作:

public class AdminAjaxController : Controller
{
    public JsonResult CustomerSearchJson(string q)
    {
        var ctx = new CustomerPortalEntities();

        var result = ctx.vw_MIFCustomers.Where(w => w.Cust_Name.StartsWith(q) || w.Cust_Num.StartsWith(q))
            .Select(s => new { s.Cust_Name , s.Cust_Num})
            .OrderBy(o => o.Cust_Num).Take(20).ToList();

        return Json(result, JsonRequestBehavior.AllowGet);
    }
}

所以这是我想要刷新的更改按钮,但我不知道我怎么能这样做,任何想法:

<div><a class="" id="btnChangeCustomer">change</a></div>

这是我想要刷新的内容:

 <div id="Contacts" class="col-lg-5" style="display:block;"></div>

由于

1 个答案:

答案 0 :(得分:0)

您可能希望使用html helper'AjaxActionLink'来执行所需的操作,请查看此tutorial

如果仅用于刷新目的,可以使用jquery ajax来实现。

    $.ajax({
    url: "@Url.Action("action", "controller")",
    cache: false,
    type: 'GET',
    data: json,
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        // bind the data to your control
    }
});