2012-02-28 75 views
1

我已經複製/從兵基礎教程在這裏粘貼腳本:Bing basic API例兵API不起作用

我有粘貼在Dreamweaver中的示例腳本:

<script type="text/javascript"> 
function search() { 
var search = "&query=" + document.getElementById("searchText").value; 
var fullUri = serviceURI + AppId + search; 
var head = document.getElementsByTagName('head'); 
var script = document.createElement('script'); 
script.type = "text/javascript"; 
script.src = fullUri; 
head[0].appendChild(script); 
} 
function searchDone(results) { 
var result = null; 
var parent = document.getElementById('resultList'); 
parent.innerHTML = ''; 
var child = null; 
for (var i = 0; i < results.SearchResponse.Image.Results.length; i++) { 
result = results.SearchResponse.Image.Results[i]; 
child = document.createElement('li'); 
child.className = "resultlistitem"; 
child.innerHTML = '<a href="' + result.Url +'"><img src="' + 
result.Thumbnail.Url +'" alt="' + result.Title +'" /></a>'; 
parent.appendChild(child); 
} 
} 
var AppId = "&Appid=86F7F70727A6D88CCE422ED44905A378E9780D81"; 
var serviceURI = "http://api.bing.net/json.aspx?JsonType=callback&JsonCallback=searchDone&sourc 
es=image"; 

</script> 

Dreamweaver是告訴我什麼是錯在這裏:

var serviceURI = "http://api.bing.net/json.aspx?JsonType=callback&JsonCallback=searchDone&sourc 
    es=image"; 

我也把劇本上JsBin進行調試,但Jsbin告訴我的腳本fine..I不知道這個問題可能是becous e腳本在瀏覽器中不起作用

+1

你的'var serviceURI = ...'真的有一個硬打破嗎? – 2012-02-28 18:14:05

+0

@詹姆斯希爾你好,我不明白你的意思。請你詳細說明一下吧? – Youss 2012-02-28 18:18:22

+0

請參閱下面的答案以獲得解釋。 – 2012-02-28 18:21:10

回答

2

根據您發佈的代碼,看起來Dreamweaver是正確的。當你想爲一個字符串包裹在JavaScript中第二條線,你需要做兩件事情之一:

var serviceURI = "http://api.bing.net/json.aspx?sonType=callback&JsonCallback" + 
"=searchDone&source=image"; 

或者

var serviceURI = "http://api.bing.net/json.aspx?sonType=callback&JsonCallback \ 
=searchDone&source=image"; 

這裏的a working fiddle

+0

嗨,你是對的。在Dreamweaver中沒有錯誤,但它仍然沒有工作.. – Youss 2012-02-28 18:21:35

+0

@Youss,它確實有效。請參閱編輯的文章你的代碼+我的更改=正在工作的jsFiddle。 – 2012-02-28 18:22:45

+0

非常感謝你:)我本人可能從來沒有想過這件事。 – Youss 2012-02-28 18:26:21