向 url 添加 var 是行不通的! AJAX/JQUERY
Adding a var to the url won't work! AJAX/ JQUERY
下面是代码
$(document).ready(function(){
var abcd= Computing;
var req=$.ajax({
url: "http://api.lmiforall.org.uk/api/v1/soc/search?q="+abcd,
dataType:"jsonp"
});
req.done(function(data){
console.log(data);
var unorderedList =$("<ul />", {
"id" : "titles"
});
var displayDetails =$("<div />" ,{
"id" : "details"
});
var arrayL = data.length;
var outputString ='';
for(var i=0; i<arrayL; i++){
outputString= data[i].title;
var listItem = $("<li />", {
id:i,
text: outputString
});
unorderedList
.append(listItem);
}
$("body")
.append(unorderedList)
.append(displayDetails);
$("body").on("click", "li", function(){
var i = parseInt(this.id);
$("#details").html(function(){
return data[i].description;
});
});
});
});
如果我用 Computing 替换变量 abcd 到 URL,瞧,它会工作。
我正在尝试将来自我的 HTML 页面的输入存储在该变量中,该页面基本上是一个搜索引擎。用户的输入需要出现在那个 abcd 变量中,不确定我是否需要回显它。有人帮忙吗?
谢谢
由于"Computing"这个词是一个字符串,所以需要用引号括起来。
var abcd = "Computing";
下面是代码
$(document).ready(function(){
var abcd= Computing;
var req=$.ajax({
url: "http://api.lmiforall.org.uk/api/v1/soc/search?q="+abcd,
dataType:"jsonp"
});
req.done(function(data){
console.log(data);
var unorderedList =$("<ul />", {
"id" : "titles"
});
var displayDetails =$("<div />" ,{
"id" : "details"
});
var arrayL = data.length;
var outputString ='';
for(var i=0; i<arrayL; i++){
outputString= data[i].title;
var listItem = $("<li />", {
id:i,
text: outputString
});
unorderedList
.append(listItem);
}
$("body")
.append(unorderedList)
.append(displayDetails);
$("body").on("click", "li", function(){
var i = parseInt(this.id);
$("#details").html(function(){
return data[i].description;
});
});
});
});
如果我用 Computing 替换变量 abcd 到 URL,瞧,它会工作。 我正在尝试将来自我的 HTML 页面的输入存储在该变量中,该页面基本上是一个搜索引擎。用户的输入需要出现在那个 abcd 变量中,不确定我是否需要回显它。有人帮忙吗?
谢谢
由于"Computing"这个词是一个字符串,所以需要用引号括起来。
var abcd = "Computing";