使用Ajax将onBlur事件发布到php脚本

时间:2011-08-18 02:01:48

标签: ajax post onblur

我正在努力降低客户的购物车放弃率。我希望能够在每次onblur触发时将表单数据从注册表单的各个输入字段发布到php脚本。

表单字段需要保持访问者和页面输入的值不应该刷新,所以我认为Ajax是最好的解决方案。任何执行此操作的示例代码都将受到赞赏。

由于

1 个答案:

答案 0 :(得分:1)

这样的事可能适合你:

<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>

请求结束时的随机数是确保浏览器不返回缓存响应,而不是实际将数据发送到服务器。