2017-01-14 14 views
0

オートコンプリートを使用してHTMLのテキストボックスから入力を取得して、そのデータをajax経由でURLパラメータに入力するにはどうすればよいですか?私の目標はHTMLにデータを出力することです。私が照会しているデータの種類はXML APIです。AJAXでのHTML入力によるURLの構築

これは私のhtmlです:

<input id="data_from_autocomplete"> 
<button type="submit>Submit</button> 

は、これが私のjQueryのです:

$.ajax({ 
type: "GET", 
url: "http://www.something" + data_from_autocomplete + ".com", 
dataType: "xml", 
success: parse 
});  
+2

を:: "のhttp:www.something"。UST AJAX呼び出しのデータパラメータに渡し+ $( '#のdata_from_autocomplete')のval()+ ".COM"、'私はdoesnの正直言ってあなたの考えに従ってはいけません。 – jukben

+0

あなたは何を達成したいのか何とか不明ですが、URLが取ることができる実際の値にサンプルを提供できますか? –

+0

これは[XY問題]のように聞こえます(http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem) – charlietfl

答えて

3

使用

var param = $("#data_from_autocomplete").val(); 
var url = "http://www.something" + encodeURIComponent(param) + ".com"; 

//call your ajax 

[更新]

あなたが値を渡す必要がある場合パラメータとしての検索フィールドのj `URL

var city = $("#data_from_autocomplete").val(); 
var state = "wa"; 

$.ajax({ 
    url : "https://www.zillow.com/webservice/GetRegionChildren.htm", 
    data : { 
    "zws-id": /*your zws-id goes here*/, 
    state : state, 
    city: city 
    }, 
    success: function(response) { 
    //process your response here 
    } 
}); 
+0

提案をいただきありがとうございますが、これは機能しません。 – minx

+0

あなたの質問を明確にしてください。 –

+0

私の目標は、テキストボックスからの入力を受け取り、それをAJAXのAPI呼び出しの中に追加することです。これは、ユーザーに何らかの入力を求め、そのデータをAJAX API呼び出しに送り、その結果をWebページに出力したいからです。 – minx