1

我有一个 HTML 表单来更新提交给 Java servlet 的帐户中的地址。

问题是，表单不应该接受自由流动的地址文本。相反，用户应该输入邮政编码/门牌号/街道名称，然后点击搜索按钮。

此搜索需要转到 Web 服务，执行身份验证并获取与搜索条件匹配的有效地址列表。

这个地址列表应该以相同的形式显示给用户（取消隐藏隐藏元素或使用模式对话框），以便用户可以选择他的地址。

只有在选择了有效地址后，用户才能点击表单提交按钮，将数据发送回 servlet。

我不确定如何让这 2 个按钮在表单中执行不同的操作。我对 JavaScript 非常陌生，非常感谢任何指针或示例。

4

1 回答 1

0

为您的 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 :)。

于 2012-06-30T17:43:02.420 回答