Jquery autocomplete 注意的一点破事

当使用jQuery autocomplete插件时,如果远程URL返回的JSON数据不是简单的字符串,而是包含复杂结构的对象,可能导致插件无法正常显示自动填充。本文记录了如何处理这种问题,特别是在JSON数据中确保包含'label'属性,以确保下拉框能正确显示。
摘要由CSDN通过智能技术生成

前面使用Jquery autocomplete对输入框进行自动填充代码编写,如果远程url获取的数据为单纯的string返回的json数据,那么就可以正常显示,如果是返回的复杂的json数据就无法正常相应,非常的郁闷,在此记录一下解决该问题的方法,希望对遇到此类问题的童鞋们能够有所帮助。

1、引入jquery的相关js和css代码

@Scripts.Render("~/Scripts/jquery-1.10.2.min.js")    
@Styles.Render("~/Content/jquery-ui.css")    
@Scripts.Render("~/Scripts/jquery-ui.js")

2、基本的调用autocomplete的代码

客户端js代码

 <script>
            
            $("#Grade").autocomplete({
                source: "/Products/GradeAutoComplete",
                minLength: 1,
                dataType: "json",
            });

</script>

服务器代码

public ActionResult GradeAutoComplete(string term)
{
      List<string> tmp = db.Pr
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值