1

我有一个运行良好的 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 应该向我的 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");
    }
});
}

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

4

1 回答 1

3

我通常发送这样的获取数据：

  $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);
}
});

Or seirlizing it, But yet again, i'm not sure if it'll work. Note that i added dataType, though jQuery usually tries to find out what the dataType will be, won't hurt to add it

于 2013-02-25T14:37:23.910 回答