使用jquery序列化時從用戶輸入解析名稱

Question

我想從使用jquery序列化的動態表單中獲取用戶輸入。我的表單看起來像這樣

 <form id="lookUpForm"> 
      <input name="q" id="websterInput" /> 
      <button onclick="webster(); return false;">Search</button> 
     </form> 

我想接受輸入，並將其附加到websters字典URL的末尾來搜索單詞。 http://www.merriam-webster.com/dictionary/ +（用戶輸入）

當你運行一個警報，看看有什麼的「Q」值，你會得到

Q =輸入

因此，例如，如果我把「貓」

警報會說q =貓。

我希望字符串只是用戶輸入的內容。但是，您需要爲輸入名稱使用seralize。那麼我怎樣才能接受用戶輸入，並去掉'q ='部分。

編輯

根據要求，這裏是我打電話的函數。注意。我必須使用serialize（）;這不是一個選項。

function webster() { 
    var stringHolder = $("#lookUpForm").serialize(); 
    alert(stringHolder); 
    $.ajax({ 
     type: 'GET', 
     crossDomain: 'true', 
     url: "http://www.merriam-webster.com/" + stringHolder, 
     success: function (data) { 
      console.log(data); 
      console.log("http://www.merriam-webster.com/" + stringHolder); 
     }, 
     error: function() { 
      alert("Failed to get dictionary data"); 
      console.log("http://www.merriam-webster.com/dictionary/" + stringHolder); 
     } 

    }); 


}; 

Answer 1

的val方法，你可以使用serializeArray()它只是訪問。

然後做這樣的事情，把你的串在一起，就像你想

var array = $("#lookUpForm").serializeArray(); 

$(array).each(function(){ 
    alert(this.value); 
}); 

Answer 2

您可以使用jQuery

function webster() { 
    var stringHolder = $("#lookUpForm").serialize(); 
    alert(stringHolder); 
    $.ajax({ 
     // (...) removed some code for brevity 
     error: function() { 
      alert("Failed to get dictionary data"); 
      console.log("http://www.merriam-webster.com/dictionary/" + 
      $('#websterInput').val()); // I suppose you want the user-input here 
     } 
    }); 
};