在提交之前調用中間Web服務服務的HTML表單

Question

我有一個HTML表單來更新提交給Java Servlet的帳戶中的地址。

問題是，表單不應該接受自由流動的地址文本。相反，用戶應輸入郵政編碼/門牌號碼/街道名稱，然後按下搜索按鈕。

此搜索需要轉到web服務，執行身份驗證並獲取符合搜索條件的有效地址列表。

該地址列表應以相同的形式顯示給用戶（或者取消隱藏隱藏元素或使用模式對話框），以便用戶可以選擇他的地址。

只有在選擇了有效地址後，用戶應該能夠點擊表單提交按鈕，將數據發送回servlet。

我不知道如何讓這兩個按鈕在窗體中執行不同的操作。我對JavaScript非常陌生，並且非常感謝任何指針或示例。

Answer 1

爲您的web服務基於搜索結果（基本字符串）構建值的輸出。將這些數據放在JSON語句中，或者只是一個javascript數組。

返回看起來像這樣的東西。 ['SearchResult1'，'SearchResult2'，'SearchREsult3']

在您的搜索框中。綁定關於更改或模糊的功能。

$('#SearchBox').bind('change', function(){ 

    var val = $(this).val(); 
    //Please reference the Jquery Ajax function as im typing this from memory and i always mix one or two things up :). 
    $.ajax({ 
    "type" : "post", 
    "url"  : "yoururlhere", 
    "data" : { "search":val }, 
    success : function(dataset){ 

     //When it comes back here check to see if its valid data etc etc 

     //After you validate you can populate a picklist on the page with the values. Or do anything you want with the values like this 

     for(x in dataset){ 
      $('#DocumentElement').append('<p>'+ dataset[x] +'</p>'); 
     } 

    } 
    }); 


}); 

這應該讓你開始。之後你可以在回調中做更多的事情，或者以更適合你的方式修改dom。