onBlur event post field to php script with Ajax_问答_开发者

onBlur event post field to php script with Ajax

开发者 https://www.devze.com 2023-03-29 01:35 出处：网络

I\'m working on lowering shopping cart abandonment rates for a client. I\'d like to be able to post form data from individual input fields of a registration form to a php script, every time onblur fir

相关专题：onblur

I'm working on lowering shopping cart abandonment rates for a client. I'd like to be able to post form data from individual input fields of a registration form to a php script, every time onblur fires.

The form fields would need to keep the value entered by the visitor and page shouldn't refresh so I think Ajax is the best solution. Any example code that does this would be appreciated.

Thank开发者_JAVA技巧s

Something like this would probably work for you:

<html>
    <head>
        <script type="text/javascript">
            function sendData(obj) {
                var xmlhttp;

                if (window.XMLHttpRequest) {
                    xmlhttp=new XMLHttpRequest();
                } else {
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }

                xmlhttp.onreadystatechange=function() {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
                        // Do stuff when script returns
                        alert(xmlhttp.responseText);
                    }
                }

                xmlhttp.open("GET","script.php?" + obj.name + "=" + obj.value + "&t="+Math.random(),true);
                xmlhttp.send();
            }

        </script>
    </head>

    <body>
        Input 1 <input type="text" onblur="sendData(this)" name="input1" /><br />
        Input 2 <input type="text" onblur="sendData(this)" name="input2" /><br />
        Input 3 <input type="text" onblur="sendData(this)" name="input3" /><br />
    </body>
</html>

The random number at the end of the request is to make sure the browser doesn't return a cached response instead of actually sending your data to the server.