4817 fans
1036 reader
122 followers

[Ajax phần 3] jQuery Ajax cơ bản

Publish by: KytoSai
In category: jQuery
26 comments

Tutorial Details
Độ khó: Căn bản
Thời gian: 14 phút
File size: 19 Mb

Mediafire download

Có 6 bài viết trong series jQuery AjaxHiển thị

Hôm nay mình xin gửi đến các bạn bài thứ 3 trong seri về ajax do mình thực hiện. Ban đầu mình định thực hiện thêm một vài bài như trang login,play nhạc bằng ajax thuần javascript nhưng có lẽ các bạn hứng thú nhiều hơn với jquery nên mình quyết định sẽ để sang phần jquery thực hiện các bài đó.

Ở bài thứ 3 này có nội dung như sau

- Khác nhau cơ bản giữa ajax thuần javascript và ajax với jquery ( chủ yếu là cú pháp của jquery ngắn gọn hơn )

- Giới thiệu bạn 3 cách viết ajax đơn giản bằng jquery ($.ajax,$.get,$.post)

KytoSai

Ngoạn mục nhưng lại không rực rỡ, lên xuống là vô thường !

Hoang Vũ

à mình xin hỏi http://www.mediafire.com/?amp0s8kscka0acl
mình đã gõ lại giống đến 99% rùi (
chỉ có cái jquery-1.6.2.min.js là mình lên google tìm thôi !
thế mà sao chương trình ko chạy dc
thanks nhé
duong

bạn có thể post code của những video bạn hướng dẫn lên không. cảm ơn bạn rất nhiều
http://xn--dphtun-td8b.vn/ Hoàng Tuấn

Mình nghĩ bạn KytoSai nên đưa thêm code của 3 file đó vào bài viết luôn.. Mọi người dễ nhìn hơn với lại nếu viết sai có thể kiểm chứng được.. Một vài góp ý nho nhỏ của mình mong rằng website sẽ có nhiều bài hay như thế này.. Cảm ơn bạn rất nhiều
Tuấn

Anh ơi làm sao khi mặc định refesh nó sẽ hiện thị kết quả của link1 chứ k cần Click vào Link 1 | Link 2.. nó mới trả về kết quả ạ. Em muốn mặc định khi load trang nó trả về kết quả của Link 1 luôn thì làm sao ạ
Em cảm ơn
Hiếu

Bài học này rất hay!!!!!!!!
Nếu có điều kiện em mong anh có thể làm một video về json
cám ơn các anh!!!
Newbie

bạn ơi cho mình hỏi khi mà để href=”#” thì khi click vào nó sẽ có cái # đó ở trên url,vậy làm sao khi click vào link load data về thì nó k có cái dấu # đó ở trên url?
- KytoSai
  
  Trong href=’#’ bạn xóa # đi
  Bên file ajax.js
  
  Ở cuối cùng trong event click
  Bạn thêm 1 dòng là return false;
  
  Thế là khi load data về không còn dấu # đó nữa !
http://www.vn-zoom.com/f58/ebook-ki-sy-khong-dau-2206256.html Ebook Kị sĩ không đầu

Thanhks nhìu nha
Quang An

Captcha ở trang liên hệ của các anh lsao ấy, em đánh đúng mà nó vẫn báo sai
win8

Thế còn chèn ajax mà cho phép xuất hiện url trên address bar thì phải làm thế nào?
dung

Anh ơi anh có thể chỉ em cách làm phần thống kê truy cập và số người online của trang web được không a.
Quang An

Anh ơi xem giúp em với,ví dụ của em có list danh mục ,Add,delete kết nối với CSDL em làm với jQuery Ajax không cập nhật được vào CSDL ,bình thường thì vẫn được
http://www.mediafire.com/?d9f1vyclbhqg3l3
- Phạm Thành Kha
  
  ban co the viet nhu binh thuong nhu sau
  $.post(
  ‘/add.php”
  {
  ‘name_add’:”abcd…”
  },
  function( data){
  alert(data);
  });
  //va dieu quan trong o trang xu ly ban fai include file config de cho trang can biet lay cau hinh ket noi voi database o dau
  vd trang add.php
  set_include_path ( $_SERVER['DOCUMENT_ROOT'] ); / /cai nay lay ra muc goc cua website vd localhost
  include ‘/config.php’; // dong nghia voi localhost/config.php
  
  //tiep theo la thao tac voi csdl lam nhu binh thuong
  - Quang An
    
    Thao tác với CSDL e để hết trong models/model.php(file CSDL trong folder database) Đây là bài ktra 1 tiết trên lớp em làm bt thì không sao. Sau khi đọc bài ajax của anh KytoSai tò mò làm thử vào lại không add và delete vào CSDL , không biết sai chỗ nào
  - Quang An
    
    select thì vẫn hiện còn insert thì không được
- KytoSai
  
  Bĩnh tĩnh, mình chưa có thời gian. Bạn vào trang này đi
  http://www.facebook.com/groups/242625629192490/
  
  Group hỏi đáp của izweb mới lập, mọi người rất nhiệt tình ^^.
hoc jquery

1 list đối tượng ví dụ như 1 danh sách bài viết gồm có: tiêu đề, ảnh, tóm tắt chẳng hạn. Mình sẽ chờ bài sau!
hoc jquery

Nếu ở trang get.php mà mình trả về 1 list đối tượng thì sẽ làm như thế nào bạn! Minh đang tìm làm cách phân trang khi click vào mà không load trang mà vẫn chưa được. Mong bạn giúp mình với. Cám ơn bạn nhiều!
- KytoSai
  
  1 list đối tượng là sao bạn, còn chuyện phân trang thì từ từ mình có thời gian sẽ làm tut sau.
  
  Có thể ở bài sau sẽ giải quyết được ít nhiều thắc mắc của bạn đấy.
- Phạm Thành Kha
  
  bạn cứ phân trang như bình thường bằng 1 file vd như phantrang.php. con ajax chỉ để gửi các thông tin cần thiêt để sử dụng cho phân trang mà thôi. khi wa gửi dc rùi bạn thao tác như bình thường có điểu trong phần trả về thì dùng thẻ html() của jquery thui.
  vd
  $.post(
  ‘phantrang.php’,
  {
  “data”: “abc”
  },
  function(data){
  $(‘.content’).html(data); // data tra ve la dang html từ trang phantrang.php
  }
  );
Binh

Bạn có thể làm thêm 1 bài ajax jquery dùng json được ko? Trong phần jquery có rồi nhưng chưa có video. Xem video vẫn sinh động và dễ hiểu hơn. Bạn nói thêm phần ứng dụng của nó nữa được ko?
Cám ơn!
Binh

cái function(resurlt) minh ko hiểu lắm bạn giải thích lại được ko?
thanks!
- KytoSai
  
  function(result){
  $(“#result”).html(result)
  }
  
  result ở đây là một biến chứa kết quả trả về từ file xử lý get.php .
  
  Nên ở dưới mình có một dòng xử lý trong hàm nữa là
  
  $(“#result”).html(result) => cái này sẽ đem biến result xuất ra vùng div với id là result ( bên trang link.html )
  - Binh
    
    mình hiểu rồi cám ơn bạn nhé
Nguyen Tan Linh

Ủng hộ izweb hết mình.
messi

hay quá.Cứ thế mà phat huy nhé ong bạn

Izwebz store

Các series nên xem trên izwebz cho newbie

Khi vào izwebz chắc nhiều bạn cho rằng các bài viết trên izwebz đều không có hệ thống gì cả? Thực chất, các bài biết đều đi theo một series của riêng nó, ví dụ như PHP, HTML & CSS, PSD2HTML, Photoshop, illustrator,… Trong bài viết này, mình sẽ tổng hợp lại các series bài viết cần thiết cho một newbie.