2

我正在尝试实现城市的自动完成形式,其中包含 JSON 数组和自动完成函数的网络服务器返回来自城市数组的城市名称的 JSON 完成数组,但我似乎没有得到任何我的 Ajax 调用的响应。我的 Ajax 调用有问题吗?

我正在尝试将名为 "term" 的表单数据提交到 url "/suggestjson" 中,然后在 html 文件的正文中显示返回的 JSON

我知道网络服务器可以正常工作,因为在浏览器中键入“localhost:8000/suggestjson?term=a”会返回所有以“a”开头的城市(例如阿德莱德),点击http://postimg.org/image/gki6kct23/到看见

HTML 表单

</head>
<body>
<form>
  <fieldset><legend>Cities</legend>
  <input type='text' name='city' id='city'>
</form>

jQuery

$('document').ready(function() {

    var term = $('input[name=city]');

    $.ajax({
        url: "/suggestjson",
        type: "GET",
        dataType: "json",
        data: term,
        success: function (data) {
            $("body").append(data);
        }    
    }); 
});    

网络服务器

cities = ['New York', 'London', 'Los Angeles', 
          'Paris', 'San Francisco', 'Adelaide']

if environ['PATH_INFO'] == "/suggestjson":
    return suggest_json_application(environ, start_response)


def suggest_json_application(environ, start_response):
    //Return JSON array of completions for a city name

    form = cgi.FieldStorage(fp=environ['wsgi.input'], environ=environ)

    if form.has_key('term'):
        q = form.getvalue("term", "")
        matches = [i for i in cities if i.startswith(q)]
    else:
        matches = []

    return json.dumps(matches)
4

2 回答 2

2

您没有data正确设置属性,请尝试使用输入值创建一个对象:

$.ajax({
    url: "/suggestjson",
    type: "GET",
    dataType: "json",
    data: {term: term.val()}, //get the value of the input and put it in a data object
    success: function (data) {
        //data here are the results coming from the server, format this as HTML and then append
       var htmlData = ''
       .... formatting here ....
       $('body').append(htmlData);

    }    
}); 
于 2013-06-06T18:05:39.770 回答
2

您是否确认会/suggestion产生您期望的 JSON?你可以粘贴结果吗?

term应该var term = $("input[name=city]").val()和你data应该是data: 'term='+term

于 2013-06-06T18:08:25.600 回答