從文本字段中更改$ getjson搜索字詞

嗨，我已經爲JSON搜索返回了url。現在我想有一個文本框。人們可以在那裏輸入搜索條件。當按下提交。我想去運行搜索。

到目前爲止，我有這個代碼。 JSON的閱讀工作正常。因爲當我填寫一個完整的網址時，它會顯示我想要的結果。但是我在構建基礎url +搜索條件的URL時做了不正確的事情。

如果有人能解釋我做錯了什麼，我會很棒。

document.getElementById('submit').onclick = function() { 
 
\t var urlFD = "http://domain.com/support/search/solutions.json?term=" + document.getElementById('txt_name').value); 
 

 
    $.getJSON('urlFD', function(data) { 
 
     var output="<ul>"; 
 
     for (var i in data) { 
 
      output+="<li>" + data[i].title + "--" + data[i].desc+"</li>"; 
 
     } 
 

 
     output+="</ul>"; 
 
     document.getElementById("placeholder").innerHTML=output; 
 
    }); 
 

 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<title>Page Title</title> 
 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
</head> 
 
<body> 
 

 
<input type="text" id="txt_name" /> 
 
<input type="button" name="submit" id="submit" value="Submit"> 
 

 
<div id="placeholder"> </div> 
 

 

 
</body> 
 
</html>

來源

2015-11-03 Jeroen van Haasteren

不要引用您的變量！

$.getJSON(urlFD, function(data) {

來源

2015-11-03 21:04:30 tymeJV

從文本字段中更改$ getjson搜索字詞

回答

相關問題