2015-05-02 80 views
0

我正在做一个小型学校项目,该项目基本上是一个Web应用程序,该应用程序通过关键字=餐厅和用户选择的特定美食搜索附近的餐馆。但是,在获取该地点的网站并将其放入“a”标签时,遇到问题,并且当我按链接进行测试时,则表示无法找到该页面。但是,当我将链接复制并粘贴到浏览器的新选项卡中时,链接完美无缺。未找到链接,404错误

这是符合我的要求的JSON输出涉及了jQuery:

var restaurantContactDetails = "https://maps.googleapis.com/maps/api/place/details/json?reference="+restaurant_reference+"&key=API_KEY"; 
$.getJSON(restaurantContactDetails,function(jsondata){ 
    $("#restaurant_contact").html("Contacts: " + "<p> UK: " + jsondata.result.formatted_phone_number+ ","+ " International: " + jsondata.result.international_phone_number+"</p>"); 
    //$("#restaurant_contact").append("<p> International: " + jsondata.result.international_phone_number+"</p>"); 
    var website = jsondata.result.website; 
    //alert(website); 
    console.log(website); 
    $("#restaurant_website").append("<a href=website >" + website+"</a>"); 
    for(var i = 0; i < Object.keys(jsondata.result.reviews).length;i++){     
     $("#Client_reviews").append("<p class=rust_reviews>"+"<h4 class=text-success>"+jsondata.result.reviews[i].author_name+"</h4>"+"<pre>"+jsondata.result.reviews[i].text+"</pre>"); 
    } 
}); 

我应该提到的是,地方网站有时就是这样一个特定链接: http://www.premierinn.com/en/hotel/ABEPTI/aberdeen-city-centre?cmp=GLBC 有什么建议?

+2

试试这个。 '$(“#restaurant_website”)。append(“" + website+"”);' – dsharew

+1

哇,它的工作!谢谢你,codehx!我想我应该在构建这个附录时更加小心!非常感谢! :) –

回答

1

试试这个:

$("#restaurant_website").append("<a href=" + website + ">" + website+"</a>"); 
1

问题在此行

"<a href=website >" + website+"</a> 

作为website是包含URL它应该是这样的

"<a href="+ website + ">" + website+"</a>" 

实例的变量。

$("#restaurant_website").append("<a href=" + website + ">" + website+"</a>"); 
+1

太棒了,我现在看到问题出在哪里:) –