Javascript 如何在phonegap应用程序中处理Ajax json响应

我知道这里有几篇关于这个主题的帖子，但是我似乎无法将我需要的部分拼凑起来，以使这项工作顺利进行

我正在使用phonegap将web应用程序转换为应用程序，并尝试创建一个返回json数据的搜索表单。我在理解如何处理这个ajax请求或者至少如何编写它时遇到了困难。php脚本工作正常，使用json_encode（）函数返回数据。基本上，我需要一个用户搜索一个地址（使用谷歌地图自动完成地点；工作正常），该地址将是发送到该url的数据。现在我陷入困境的是如何显示这个响应

Js:

$('#searchButton').click(function(){

            $.ajax({
                type: 'GET',
                data:$('#autocomplete').val(),
                url: 'http://mylandlordscore.com/ws/ws_search.php?search=',
                dataType: 'json',
                success: function(response) {
                    if(response.length != 0) {
                        response.each().innerHtml('<div>' + response + '</div>');
                        };
                    }
            });

  });

<form action="" method="get">
    <input type="text" id="autocomplete" class="form-control" name="search" autocomplete="off" />
    <input id="searchButton" type="button" value="submit" />
</form>
<ul id="thelist">
    <li>data</li>
    <li>data</li>
    <li>data</li>
</ul>

$（“#搜索按钮”）。单击（函数（）{
$.ajax({
键入：“GET”，
数据：$（“#自动完成”）.val（），
网址：'http://mylandlordscore.com/ws/ws_search.php?search=',
数据类型：“json”，
成功：功能（响应）{
if（response.length！=0）{
response.each（）.innerHtml（“”+response+“”）；
};
}
});
});

Html:

$('#searchButton').click(function(){

            $.ajax({
                type: 'GET',
                data:$('#autocomplete').val(),
                url: 'http://mylandlordscore.com/ws/ws_search.php?search=',
                dataType: 'json',
                success: function(response) {
                    if(response.length != 0) {
                        response.each().innerHtml('<div>' + response + '</div>');
                        };
                    }
            });

  });

<form action="" method="get">
    <input type="text" id="autocomplete" class="form-control" name="search" autocomplete="off" />
    <input id="searchButton" type="button" value="submit" />
</form>
<ul id="thelist">
    <li>data</li>
    <li>data</li>
    <li>data</li>
</ul>

资料
资料
资料

如果有人能帮我的话，我开始建立一个JSFIDLE

response.each（）.innerHtml（'div'+response+''）这可能就是问题所在。没有
innerHTML的
属性或方法
.each（）

尝试替换为以下内容：

response.each(function(item) {
    $('#thelist').append('<li>' + item + '</li>');
});

响应。每个（功能（项目）{
$（“#列表”）。追加（“
”+项+”
）；
});
在JSFIDLE上不起作用，因为php脚本是另一个领域，如果您的应用程序中有相同的方法，那么由于ajax的“访问控制允许来源”限制，这也可能是一个问题。