Home » , » Làm Thế Nào Submit Form Tự Động Jquery Ajax

Làm Thế Nào Submit Form Tự Động Jquery Ajax

Đăng bởi: Code.Elite.Vn

Có đôi lúc thật đau đầu khi làm việc với Form Trong PHP và dự liệu có liên quan nữa, nên hôm nay haminh viết vài ví dụ căn bản khi làm việc PHP kết hợp với reload tự động, các bạn xem bên dưới để hiểu rõ nhé.

ví dụ 1:

 đầu tiên các bạn phải tải thư viện jquery vào
<script src="js/jquery.min.js"></script>
tiếp theo ta xử lý ajax như sau
<script type="text/javascript">
            $(document).ready(function() {
                window.setInterval(function() {
                    AutoPost();
                }, 5000);

            });

 $(document).ready()
            function xuly() {
            var Name = $("#name").val();
                $.ajax({
                    type: "POST",
                    url: "thiet-ke-lap-trinh-web-chuyen-nghiep.php",
               data: 'name=' + yName,
                    success: function(data) {
                        $("#haminh").html(data) ;
                    }

                });
            }
<div id="haminh"></div>

ví dụ 2:

<script>
$(document).ready(function(){
    $('#frm').submit(ajax);
})
function ajax(){
        $.ajax({
            url : 'demo-ajax-auto.php',
            type : 'POST',
            data : $('form').serialize(),
            success: function(data){
                $('#result').html(data);
            }
        });
        return false;
}
window.onload=function(){
    setInterval(ajax, 5000);
}
</script>

ví dụ 3:

$(window).load(function(){
 var url = "tutor-ajax-can-ban.php";
 $.ajax({ type: "POST",
 url: url,
 data:$( "#frm" ).serialize(),
 dataType: "html",
 success: function (response) {
 $("#xuly").html(response);
 }});
});

Qua 3 ví dụ trên có thể phần nào các bạn hiểu được quá trình sử dụng php kết hợp với ajax để tạo nên một siêu phẩm tuyệt trong việc trao đổi dự liệu công nghệ PHP và AJAX



0 comments:

Post a Comment