使用Ajax从JSON Web服务检索数据

Question

当我手动打开它并手动输入参数时，我有一个工作正常的Web服务。 例如：

当我导航到url.url / webservice.php？region = NY时，它会从我的数据库中获取我需要的所有数据。 现在我想在输入字段中输入一个城市，然后让ajax完成剩下的工作。

<form>
<input type="text" value="NY" name="myText" id="input">
<input type="submit" value="Submit" name="mySubmit" id="submit" onClick="changeView()">
</form>

所以现在，当我在输入字段中输入内容时，Ajax应该向我的webservice发送请求并获取数据。

我的Web服务看起来像这样：

<?php
header("Content-type: application/json"); 
$mysqli = new mysqli('localhost','root','','ttzaferis');
$array = array();
$region = $_GET['region'];
if($result = $mysqli->query("SELECT lon, lat FROM pointsofinterest WHERE region = '".$region."'")){
    $tempArray = array();
    while($row = $result->fetch_assoc()){
        $tempArray = $row;
        array_push($array, $tempArray); 
    }
    echo json_encode($array);
}
?>

我现在只有Ajax部分的问题。 我无法理解如何使它工作。 我尝试了以下内容

function changeView(){
    var region = document.getElementById('input').value;
    alert(region);
    $j.ajax({
    type: 'GET',
        url: 'webservice.php',
        data: region,
        success: function(response, textStatus, XMLHttpRequest) {  
        alert("test");
    }
});
}

我不明白问题是什么以及如何解决它。

Answer 1

我通常发送这样的get数据：

  $j.ajax({
    url: 'webservice.php?region='+region,

    success: function(response, textStatus, XMLHttpRequest) {  
    alert("test");
}
});

根据你的意见，应该解决这个问题。 我不知道是否可以通过数据发送，但如果是，那么你应该做这样的事情：

  $j.ajax({
    url: 'webservice.php',
    dataType: "json",
    data: {region : region},
    success: function(response, textStatus, XMLHttpRequest) {  
    alert(response.somekey);
}
});

或者将它分开，但又一次，我不确定它是否会起作用。 请注意，我添加了dataType ，虽然jQuery通常会尝试找出dataType将是什么，添加它不会有什么坏处