オートコンプリート関数内で JavaScript 変数を呼び出し、テキスト ボックスの値から ajax で URL を作成していますが、未定義と表示されています。
function fetchRecords()
{
var searchStr=$("#tags").val();
var finalLink=urlformjavascriptvariable;
$.ajax({
url:finalLink,
type: 'GET',
dataType :'jsonp',
async: false,
crossDomain:true,
success: function(data) {
var resp = data.response;
var availableTags = "[";
for (i = 0; i <= 10; i++) {
if(resp.messages.message[i].subject.$ != undefined)
var postSub = resp.messages.message[i].subject.$;
if (i < 10) {
availableTags +="\"" +postSub + "\",";
}
else {
availableTags +="\""+ postSub+"\"";
}
}
availableTags += "]";
availableTags=eval(availableTags);
$("#tags").autocomplete({
source: availableTags,
});
}
});
}
</script>
<div class="ui-widget">
<input id="tags" class="input_width mgtop20" autocomplete="on" onKeyup="fetchRecords();" type="text" name="post_search" value="" placeholder="Search the Community for answers" /></div>
変数が未定義であることを示しています