Jquery UI自动完成不显示结果

Question

我知道问题标题看起来像重复，但我一直无法找到这个问题的答案。

我正在使用Jquery UI的自动完成功能，我可以在调试器中看到正确的JSON数据。然而，没有东西回到文本框。

我的javascript：

<script type="text/javascript"> 
    $(document).ready(function() { 
     myAutoComplete("#<%= myTxtBox.ClientID %>", "AutoCompletePage.aspx"); 
    }); 

    function myAutoComplete(ObjectId, DataURL) { 
     $(ObjectId).autocomplete({ 
      source: function (request, response) { 
       $.ajax({ url: DataURL, dataType: 'jsonp', 
        data: { q: request.term, limit: 10 }, 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { label: item[1], value: item[0], id: item[0]} 
         })) 
        } 
       }) 
      } 
     }); 
    } 

</script> 

从我AutoCompletePage.aspx页面的代码段：

foreach (DataRow dataRow in dataTable.Rows) 
{ 
    string[] cells = new string[] { dataRow[0].ToString(), dataRow[1].ToString() }; 
    output.Add(cells); 
} 

后来......

Response.Write(json.Serialize(output)); 

您可以在这张图片中即见JSON数据是被返回，但没有发生任何事情发生在我的文本框。提前感谢任何能够提供帮助的人。

Answer 1

我中有你不应该在这里使用jsonp预感。 JSONP通常用于跨域请求。

看起来你是在同一个域中发出请求（另外，返回的数据可能没有回调函数可以调用），所以你应该使用正常的json。

试着改变你的datatype参数json：

$(ObjectId).autocomplete({ 
     source: function (request, response) { 
      $.ajax({ url: DataURL, dataType: 'json', 
       data: { q: request.term, limit: 10 }, 
       success: function (data) { 
        response($.map(data, function (item) { 
         return { label: item[1], value: item[0], id: item[0]} 
        })) 
       } 
      }) 
     } 
    });