textbox autocomplet不显示mvc中的任何数据。 [英] textbox autocomplet not showing any data in mvc.

问题描述

textbox autocomplet没有显示任何数据。

我的json请求被调用，数据也返回但没有显示在textbox下拉列表。

代码：

< script type =   text / JavaScript的> 
 $（ document ）。ready（ function （）{
 $（< span class =code-string>' ＃txtJobSkill2'）。autocomplete（{
 source： function （请求，响应）{
 $ .ajax（{
 url：  / Jobs / SkillAutoComplete，
类型：  POST ，
 dataType：  json，
 data：{term：request。 term}，
成功： function （数据）{
 alert（data）; 
 response（$。map（data，< span class =code-keyword> function （item）{
警报（项目）; 
 
  return  {label：item，value：item}; 
}））
 
 
} 
}）
}，
消息：{
 noResults： ，结果：  
} 
}）; 
}）
< / script> 

  public  JsonResult SkillAutoComplete（ string  term）
 {
  //  列表与LT;串GT; skills = new List< string>（）;  
  var  context = mydatacontext; 
 
  var 技能=（来自 a  in  context.Masterdata 
 其中​​ a.Description.StartsWith（term）
 选择 a.Description）.Distinct（）。ToList（）; 
  return  Json（skills.Distinct（），JsonRequestBehavior.AllowGet）; 
 
  //  返回Json（技能，JsonRequestBehavior.AllowGet）;  
} 

解决方案

（ document ）。ready（ function （）{

（' #txtJobSkill2'）。autocomplete（{
source： function （request，response）{

< blockquote> .ajax（{
url： / Jobs / SkillAutoComplete，
类型： POST，
dataType： json，
data：{term：request.term}，
成功： function （data）{
alert（data）;
回复（

Hi,
textbox autocomplet not showing any data.
my json request called and data also return but not show on textbox dropdown.
code:

<script type="text/javascript">
    $(document).ready(function () {
        $('#txtJobSkill2').autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/Jobs/SkillAutoComplete",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        alert(data);
                        response($.map(data, function (item) {
                            alert(item);
                          
                            return { label: item, value: item };
                        }))


                    }
                })
            },
            messages: {
                noResults: "", results: ""
            }
        });
    })
</script>

public JsonResult SkillAutoComplete(string term)
        {
            //List<string> skills = new List<string>();
            var context=mydatacontext;

              var  skills = (from a in context.Masterdata
                          where a.Description.StartsWith(term)
                                select a.Description).Distinct().ToList();
                return Json(skills.Distinct(), JsonRequestBehavior.AllowGet);

            //return Json(skills, JsonRequestBehavior.AllowGet);
        }

解决方案

(document).ready(function () {

('#txtJobSkill2').autocomplete({ source: function (request, response) {

.ajax({ url: "/Jobs/SkillAutoComplete", type: "POST", dataType: "json", data: { term: request.term }, success: function (data) { alert(data); response(

这篇关于textbox autocomplet不显示mvc中的任何数据。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！