[英]Populating a drop down list using jQuery getJSON not working
我正在尝试使用jQuery的getJSON函数发送变量,但似乎没有通过,我也不确定如何获取刚刚在等待的PHP文件中发送的变量,我是否只是通过名称引用了它我将其发送为,例如,如果我发送一个名为'test'
的变量,则可以在另一端这样获得它, $_POST['test']
吗? 或该如何工作?
我正在尝试使用以下方法填充下拉列表,对改进代码的任何建议将不胜感激!
这是PHP返回的内容:
[{"city":"One"},{"city":"Two"},{"city":"Three"},{"city":"Four"}]
jQuery的:
//get the cities
$("#province").live('change', function(){
var test = $('#province').val();
//alert(test);
$.getJSON("cities.php", test, function(data){
//clean out the select list
$('#city').html('');
//run the loop to populate the drop down list
$.each(data, function(i, data) {
var city = data.city;
$('#city').append(
$('<option></option>').html(city)
);
});
});
});
PHP:
$province = $_POST['test'];
//mySQL query here
$myarray = mysql_fetch_array($query, true);
$string = explode(',', $myarray['cities']);
foreach($string as $key=>$value) {
$string[$key] = array('city'=>$value);
}
$json = json_encode($string);
echo $json;
我可能做错了什么?
提前感谢!
首先, getJSON
是一个get ajax调用。 因此,您应该期望使用getJSON
传递的数据以$_GET
结束,显然$_REQUEST
结尾,而不是$_POST
。 其次,您必须传递一个对象,该对象描述将在关联数组 $_GET
反映的数据映射。
因此您的代码应为...
$.getJSON("cities.php", { test: $('#province').val() }, function (data) {
这样,您就可以在PHP端以$_GET['test']
身份访问
我可以给予的一些改进...(未经测试)
//get the cities
$("#province").live('change', function(){
$.getJSON("cities.php", { test: $('#province').val() }, function(data){
if(!data.ok) {
alert('Error getting cities. Please try again later.');
}
var markup = '', len = data.cities.length;
for(var i = 0; i < len; i++) {
markup += '<option>' + data.cities[i] + '</option>';
}
$('#city').html(markup);
});
});
和PHP
$province = $_POST['test'];
//mySQL query here
$myarray = mysql_fetch_array($query, true);
$cities = explode(',', $myarray['cities']);
echo json_encode(array(
'ok' => true,
'cities' => cities
));
祝好运。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.