XhrIo拨打多个电话

时间:2013-08-29 11:45:56

标签: javascript ajax servlets google-closure-library

我的.js文件

        function call() {
            var val1;
            var val2;
            var b2 = new goog.ui.Button();
            b2.decorate(goog.dom.getElement('but'));
            goog.events.listen(b2, goog.ui.Component.EventType.ACTION,
                function(e) {
                val1 = (goog.dom.getElement('liun').value);
                val2 = (goog.dom.getElement('lipw').value);
            var request = new goog.net.XhrIo();
            var res;
            goog.events.listen(request, "complete", function(e){
                var xhr = /** @type {goog.net.XhrIo} */ (e.target);
                res = xhr.getResponseText();
            if(xhr.getResponseText() == "true")
                    {
                goog.dom.getElement("sp1").innerHTML = ("Hi Welcome");
                    }
                    else
                    {
                goog.dom.getElement("sp1").innerHTML = ("Invalid Username or Password");
                    }
                });
            var url = 'mylogin?username='+val1+'&password='+val2;
            request.send(url, "GET");       
            });
        }

我的servlet

    public class mylogin extends HttpServlet
    {
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException
        {
            String uname = ((req.getParameter("username")).trim());
            String pword = ((req.getParameter("password")).trim());
                resp.setContentType("text/html");  
                PrintWriter out = resp.getWriter();
                System.out.println("" + uname + " " + pword);
                String tof;
                if((uname.equals("arjun"))&&(pword.equals("daglur")))
                {
                    tof = "true";
                }
                else
                {
                    tof = "false";
                }
                System.out.println(tof);
                out.write(tof);
                out.close();

        }
    }

第一次点击发送未发送的内容。第二次拨打一个电话。第3次拨打2次电话,第4次拨打3次电话。 在jsp中单击时调用call()。

1 个答案:

答案 0 :(得分:1)

你正在装饰按钮“#but”,它有一个onclick方法“call()”。第一次单击它时,它会将谷歌事件监听器绑定到按钮 -

goog.events.listen(b2, goog.ui.Component.EventType.ACTION,

现在“#but”同时具有“call()”的onclick方法(Closure的事件处理程序不会覆盖)和一个事件处理程序。第二次单击该按钮时,它会触发事件处理程序和“onclick”方法,该方法将另一个事件处理程序绑定到按钮。 (等等)。这就是每次点击它时增加通话量的原因。

我建议不要让按钮有onclick方法,而是在呈现页面后将事件处理程序绑定到按钮。