[英]Call Ajax on the response object of JSON
我正在使用json的ajax调用。 我从ajax电话打电话给酒店列表,但现在我必须打电话给特定酒店的价格。 请支持。
酒店列表代码如下:
HTML
<td style="color: #993300"><strong>Add Services<input name="add-service" id="add-service" type="button" value="+" style="background-color: #993300; color: #FFFFFF;" /></strong></td>
JQuery用于调用ajax获取酒店列表:
$('#cmb_service').bind('change', function(){
var value = $(this).val();
var destination = $( "#destination" )
$.ajax({
type : 'POST',
url : '../enquiries/getpricebyajax',
dataType : 'json',
data: {
service : value,
destno : destination.val()
},
success : function(data) {
$('#waiting').hide(500);
$('#divserviceprovider').text('');
$('#divserviceprovider').append(data.msg);
$('#divserviceprovider').show(500);
if (data.error === true)
$('#divserviceprovider').show(500);
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
$('#waiting').hide(500);
$('#divserviceprovider').removeClass().addClass('error')
.text('There was an error.').show(500);
$('#divserviceprovider').show(500);
}
});
return false;
});`
酒店列表响应的PHP代码如下:
function getpricebyajax()
{
$str="";$substr="";
if(!empty($_POST['service']))
{
switch ($_POST['service']) {
case "3":
{
$rshotels=$this->Enquiry->query("SELECT id, name FROM hotels where destination_id=".$_POST['destno']);
foreach($rshotels as $hotel){
$substr.='<option value="'.$hotel['hotels']['id'].'">'.$hotel['hotels']['name'].'</option>';
}
$str.= '<select id="cmb_hotel" name="cmb_hotel">'.$substr.'</select>';
$str.= '<div id="divhotel_details"></div>';
}
break;
default:
break;
}
$return['error'] = true;
$return['msg'] = $str;
}
exit(json_encode($return));
}
`
我直接在div中粘贴html的代码。 它很好地显示了酒店列表。 但是选择“divhotel_details”的代码是什么。 当我点击divhotel_details时,我必须再次调用ajax来生成该酒店的价格。
请建议我。
提前致谢。
你可以在这里检查一下调用json服务的正确方法:) - https://rvieiraweb.wordpress.com/2013/01/21/consuming-webservice-net-json-using-jquery/
编辑:
<script>
function AjaxCall(){
var hotel_val = $("#ddl_hotel").val();
//do service ajax call passing the hotel val
success: function(response) {
$("#display_info").empty();
//this
$("#display_info").append(response.Yourfields);
//or LOOP and show in div
},
error: function(response) {
$("#display_info").append("No info for this hotel");
}
}
</script>
<select id="ddl_hotel" onchange="AjaxCall();">
<option value="hotel1">Hotel 1</option>
<option value="hotel2">Hotel 2</option>
<option value="hotel3">Hotel 3</option>
</select>
<div id="display_info">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.