HỏiLoad ajax hiển thị URL giống phonho

**hoangvu** · 05.07.2017 / 08:49

MrKen đã viết ↑

bạn chèn thử code đó chưa? nó tự động hết mọi thứ cho bạn luôn, khỏi cần nghiên cứu gì.muốn load nội dung ở phần nào thì chỉ cần dùng hàm updateHtml cho phần đó như trong code trên, ví dụ muốn load id="body" thì dùng updateHtml('#body')

mình thêm vào rồi. Nhưng sau khi thêm thì bị lỗi như này. Mình đang ở trang A chuyển sang trang B bằng ajax thì nó load sang trang B và tự chuyển về A ngay lập tức.

Cụ thể file load ajax mình là:

JAVASCRIPT

/* Load page 1*/
 
$('#account').click(function(e) {
    $.ajax({
        url: '../folder1/1.php',
        type: 'get',
        dataType: 'text',
        success: function(result) {
            $('#mainContent').html(result);
        }
    });
});
 
/* Load page 2 */
 
$('#course').click(function(e) {
    $.ajax({
        url: '../folder2/2.php',
        type: 'get',
        dataType: 'text',
        success: function(result) {
            $('#mainContent').html(result);
        }
    });
});

Thì mình đang ở trang id="account" thì nhấp vào id="course", mình xem thử network tải file trên chrome thì thấy nó có load trang id="course" nhưng sau đó load lại id="account" ngay lập tức.

Bạn làm cái source ví dụ nhỏ cho mình đi. Cảm ơn bạn, bạn cho mình Facebook của bạn để tiện trao đổi nha

**hoangvu** · 05.07.2017 / 09:06

MrKen đã viết ↑

bạn chèn thử code đó chưa? nó tự động hết mọi thứ cho bạn luôn, khỏi cần nghiên cứu gì.muốn load nội dung ở phần nào thì chỉ cần dùng hàm updateHtml cho phần đó như trong code trên, ví dụ muốn load id="body" thì dùng updateHtml('#body')

Mỉnh đã thêm vào mà nó code load url rất tốt nhưng nội dung thay đổi. Làm sao cho nó biết khi nhấp vào id="a" thì dữ liệu của chức năng a sẽ được đưa vào id hiển thị như id="mainContent" vậy bạn

script bạn đưa mình đã sửa this.updateHtml("#mainContent");

**mad** · 05.07.2017 / 11:04

what your site

**MrKen** · 05.07.2017 / 12:06

dùng code kia thì bạn không cần dùng ajax nữa nhé. code đó bao gồm toàn bộ rồi

**hoangvu** · 05.07.2017 / 12:09

MrKen đã viết ↑

dùng code kia thì bạn không cần dùng ajax nữa nhé. code đó bao gồm toàn bộ rồi

à. Nghĩa là trước đây 1 file sẽ gồm head và footer giờ chỉ code phần chính (chức năng đó), giờ dùng script này nó sẽ load file đó và đưa vào phần hiển thị nội dung đúng không bạn (id="mainContent")

**hoangvu** · 05.07.2017 / 12:09

mad đã viết ↑

what your site

mình chạy localhost

**MrKen** · 05.07.2017 / 12:10

bạn cứ làm các trang đầy đủ các phần như bình thường. rồi chèn code đó vào để test

**hoangvu** · 05.07.2017 / 12:13

MrKen đã viết ↑

bạn cứ làm các trang đầy đủ các phần như bình thường. rồi chèn code đó vào để test

nó load url nhưng không hiện nội dung bạn ơi

cho mình facebook bạn đi

**MrKen** · 05.07.2017 / 12:30

làm sẵn cho bạn cái demo nhé. đã nói chỉ cần chèn code vào là chạy thôi mà -_-

**hoangvu** · 05.07.2017 / 12:34

MrKen đã viết ↑

làm sẵn cho bạn cái demo nhé. đã nói chỉ cần chèn code vào là chạy thôi mà -_-

cảm ơn bạn