使用jquery自动完成我试图获取文本框中的值作为表数据不是来自json使用文本字段中的ajax

这是我第一次使用带有json的ajax进行自动完成（Jquery），结果看起来像是自动完成，但结构（输出）看起来像表。

这是我的jquery代码

$("document").ready(function (){ $(function () { $.ajax({ url: "dummy.json", success: function(){ alert("got the file"); }, error:function (xhr, ajaxOptions, thrownError){ console.log(xhr.status); console.log(thrownError); } }); return false; }); }); 

这是我的json数据

 { "schoolname":{ "school":[ { "id":"1", "description":"COL000001", "schoolname":"Emirates College of Technology- UAE" }, { "id":"2", "description":"COL000002", "schoolname":"Al Khawarizmi International College- UAE" }, { "id":"3", "description":"COL000003", "schoolname":"Syscoms College" }, { "id":"4", "description":"Other", "schoolname":"Other 1" } ] } } 

我在firefox中为console.log（xhr.status）收到错误; 200和console.log（thrownError）; 无效的XML：

我很新，我很困惑为什么这不起作用我试着把console.log放在错误函数中

这是我的自动填充function的html代码

在此先感谢Mahadevan

Answer 1

如果AJAX调用将您的数据解释为XML而不是JSON，则可能会出现此问题。 要解决此问题，请尝试为AJAX调用指定dataType 。 例如：

 $.ajax({ url: "dummy.json", dataType: "json", success: function() { alert("got the file"); }, error:function (xhr, ajaxOptions, thrownError) { console.log(xhr.status); console.log(thrownError); } }); 

另外，请考虑使用http://api.jquery.com/jquery.getjson/ 。

编辑：在将数据发送到服务器时使用contentType 。 并且，在从服务器检索数据时使用dataType 。