ASP.NET MVC - #28: Cách gọi AJAX trong ASP.NET MVC | AJAX call in ASP.NET MVC | TEDU

[@phitranxuan8318]

Hay quá. Cảm ơn thầy rất nhiều...!!!

[@doannguyentrong5222]

Cám ơn thầy Toàn !

[@trancongsang5010]

Cảm ơn anh rất nhiều, bài học anh thật quý giá !

[@tedu.official]

+Trần Công Sáng cảm ơn em

[@huutu289]

rat hay. thank a

[@trungnguyenmanh718]

Cám ơn Anh! thật sự em đc thông não nhiều khi xem Tut của anh :D. cám ơn anh lần nữa nhìu nhìu nhìu. :X :X :X

[@lfcmedia5879]

Hay lắm bạn ơi. :-*

[@tvminh2409]

Anh có thể hướng dẫn sử dụng AJAX với dropdowlist được không.

[@tedu.official]

chào em trong khóa học mvc này có thao tác cới dropdown

[@tedu.official]

à ko thì em search khóa làm việc với jquery ajax là có

[@haulethe4618]

AJAX với dropdowlist với cấp cha, chọn cấp cha hiện cấp con thì làm thế nào. bạn hướng dẫn với.

[@tedu.official]

+Hậu Lê Thế Bạn kết hợp 2 drodopdownlist để khi change select cha thì lại binding đúng data của dữ liệu dropdownlist con là ok bạn nên search là cascading dropdownlist with AJAX

[@khoanguyen280]

Ai đang làm đến đây mà cái phân trang bên dưới css chưa giống thì đọc link dưới stackoverflow.com/questions/17782019/mvc-pagedlist-mvc-and-aspx-view

[@animeost3911]

thanks bác nhé

[@tranhuy5799]

tuyệt :)

[@duylehuu300891]

Cho em hỏi ... mình dùng checkbox thì làm cũng tương tự phãi không anh

[@tedu.official]

+duy le huu đúng rồi em

[@vuphanthanh3095]

cái checkbox mình thấy dùng được 3 trường hợp vậy cái câu jquery sẽ thay đổi ra sao

[@lelong6583]

Tác giả cho mình hỏi dấu '~' ở trong các đường link ở đây đại diện cho cái gì mà khi mình thêm vào cũng như bỏ bớt ra thì ứng dụng vẫn chạy bình thường? Vậy thì trong trường hợp nào ta bắt buộc phải sử dụng dấu '~' trước đường dẫn? Xin cảm ơn tác giả. Những video của bạn làm rất tốt và rất bổ ích.

[@tedu.official]

dấu ~ đại diện cho thư mục gốc của thằng .NET bạn ạ. Trường hợp không dùng dấu ~ thì bạn dùng dấu / cũng được.

[@luxubu4825]

Chào Anh ! Cho em hỏi ở bảng Category có 2 trường Status và ShowOnHome . Em muốn làm 2 cái để click kích hoạt cho nó luôn . Vậy bên Ajax như thế nào vậy anh ? @Html.Raw(item.Status ? "Kích hoạt" : "Khoá") => ShowOnHome ? bên file js mình viết thêm như thứ nào vậy Anh ? Mong Anh giúp đỡ !

[@tedu.official]

vậy 2 nút của em có 2 class khác nhau ví dụ giờ có btn-active, thì em thêm btn-show-home. Rồi viết thêm 1 binding sự kiện cho sự kiện của nút btn-show-home thôi

[@messilionel4740]

Chào anh, anh có thể giải thích kĩ hơn vì sao lại là url : "/Admin/User/ChangeStatus" trong mục userController.js không ạ? Cám ơn anh nhiều, chúc anh sức khỏe ạ!

[@tedu.official]

3 thành phần trên url là: Admin: tên area, User: tên controller, ChangeStatus là tên action method em ạ.

[@SonVan-jj9bw]

Anh ơi em hỏi là em muốn update tất cả các trường của 1 bản ghi thông qua nút thì làm như thế nào vậy

[@tedu.official]

Nút nhau thế nào em

[@SonVan-jj9bw]

@@tedu.official dạ em sử dụng cái bài bên series ajax của anh cái bài update 1 fields đó anh giờ em muốn update các fields mà không cần phải get lên form modal mà cũng không cần tạo mỗi field 1 function

[@goshopping6138]

Bạn ơi, cho mình hỏi, ở phần thay đổi trạng thái này, mình có thể dùng Ajax Postback trong MVC như trong bài 20 được không? nếu dùng thì câu lệnh Ajax.ActionLink sẽ như thế nào? Cảm ơn nha

[@tedu.official]

+Mua hàng ngày, khuyến mại mỗi ngày, mua hàng ngay nào bạn nên dùng code js sẽ dễ hơn

[@iaohuht]

Anh cho em hỏi bây giờ ở mỗi bảng trong cơ sở dữ liệu của em có một status thì em phải viết ajax ứng với từng ấy bảng ạ?

[@tedu.official]

+Hoài Nguyễn bảng nào e cần change status em mới viết chứ

[@iaohuht]

Vâng ạ.

[@HoaVo-wq4nm]

Bạn ơi cho mình hỏi. Mình để đúng đường dẫn user.js trong folder jscontroller rồi mà chạy nó không vào file user.js.

[@dbapooh]

cho mình hỏi chút. $(this). cái này có phải là con trỏ this tại bản ghi ghi hiện tại không add. sau đó $(this).data thì đây là cách lấy các giá trị thuộc tính data à? thanks add

[@tedu.official]

+Doi Nguyen không, $(this) là trỏ đến đối tượng hiện tại, đối tượng này chính là tác nhân của sự kiện. Ví dụ trong sự kiện onlick, bạn bind click cho đối tượng nào thì this chính là nó, hoặc trong vòng lặp each nếu lặp đến phần tử nào thì this chính là phần tử đó.

[@dbapooh]

ok. thanks add

[@anbinhang2992]

a ơi cho e hỏi : e dùng ajax để làm lun cho thêm và sửa dữ liệu , có nên ko???? và thêm xong , e dùng "location.reload()" của jquery load trang, việc này có phải tốn nhiều dữ liệu đường truyền ?????

[@tedu.official]

+bình An tất nhiên ròi em, thêm và sửa dữ liệu và đọc dữ liệu nếu em làm hoàn toàn ajax thì ko được dùng location.reload mà chỉ load lại cái bảng dữ liệu thôi. Không được load lại cả trang. Nếu load lại cả trang thì ko gọi là ajax dc mà chỉ là ajax nửa vời thôi

[@anbinhang2992]

oh thank you a :)

[@ndiep_lowk215]

Hello a, em đã giải quyết được vấn đề preventDefault . E có thắc mắc là, tại sao khi để $('.btn-active').off('click').on('click', function(e) thì không hoạt động mà sửa thành $(document).on('click','a.btn-active', function (e) thì lại hoạt động ạ? mong anh giải thích

[@tedu.official]

Do đoạn code bind event em bìn vào btn-active khi dom html chưa render ra nên nó ko bind dc. Tuy nhiên bind vào document thì luôn có nên vẫn luôn ok

[@tedu.official]

Do đoạn code bind event em bìn vào btn-active khi dom html chưa render ra nên nó ko bind dc. Tuy nhiên bind vào document thì luôn có nên vẫn luôn ok

[@babyboyhcm]

em làm giống anh em bấm kích hoạt 1 cái đơ luôn không hay thấy chay js ghì hết em bấm f12 vào console thi không tháy áo lỏi ghì hết

[@tedu.official]

đơ luôn hả em xem lại code xem sao

[@nht95]

thiếu cái user.init();

[@babyboyhcm]

@@tedu.official anh ơi em làm xong hết rồi nhưng mà em bị cái này bấm kích hoạt ra khóa nhưng khi bấm thêm thì ko ra lại kích hoạt ???

[@TuanAnh-xz8cg]

Cho mình hỏi chút, trong code này: var tier = { init: function () { tier.registerEvents(); }, registerEvents: function () { $('.btn-active').off('click').on('click', function (e) { e.preventDefault(); var btn = $(this); var id = btn.data('id'); $.ajax({ url: "/Admin/Tier/ChangeStatus", data: { id: id }, dataType: "json", type: "POST", success: function (response) { console.log(response); if (response.status == true) { btn.text('Kích hoạt'); } else { btn.text('Khoá'); } } }); }); } } tier.init(); Bây giờ mình muốn thêm dòng này if (response.status == true) { btn.text('Kích hoạt'); } else { btn.text('Khoá'); } thay vào đó là reload lại action thì viết thế nào? Thanks Tedu!

[@tedu.official]

bạn có thể xem khóa học tedu.com.vn/khoa-hoc/lam-viec-voi-ajax-jquery-trong-aspnet-mvc-16.html

[@iaohuht]

Anh ơi anh cho em hỏi nếu 1 bảng của em có 2 key thì phải gọi như thế nào ạ?

[@tedu.official]

thì em truyền cả 2 lên nhé

[@iaohuht]

Vậy data trong file .js có kiểu thế này ạ: data: { id: maSV , id: maLHP} ?

[@vuphanthanh3095]

public bool ChangeStatus(long id) { var user= db.Users.Find(id); user.Status= !user.Status; db.SaveChanges(); return !user.Status;

[@tedu.official]

bạn cho mình xem error mesage

[@tuananhnguyenang9416]

var user = db.tbl_QuanTriVien.Find(id); user.TrangThai = !user.TrangThai; db.SaveChanges(); return user.TrangThai; Chổ đoạn này em bị lỗi db.saveChanges An exception of type 'System.Data.Entity.Validation.DbEntityValidationException' occurred in EntityFramework.dll but was not handled in user code Additional information: Validation failed for one or more entities. See 'EntityValidationErrors' property for more details. Là nó bị lỗi gì ạ

[@NguyenTuan-uj4ne]

1:44 anh k chạy ứng dụng mà trên giao diện vẫn chạy được à.

[@tedu.official]

à anh chạy chế độ without debug

[@KhiemNguyen-xc2ny]

a ơi sao em bấm kích hoạt, phải f5 lại trang thì nó mới thay đổi, f12 thì nó ra [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience

[@inhviet8978]

Bạn kiểm tra lại đường dẫn đúng không url: "/Admin/User/ChangeStatus",

[@hanguyenthanh2093]

Sao bấm vô chỗ "Kích hoạt" hay "Khoa" nó không nhảy vô ChangeStatus là sao anh TEDU??? Viết y như anh anh lun!! huhu

[@tedu.official]

+Hà Nguyễn Thanh là em viết sai thôi em xem trong cửa sổ develop tool-> tab console xem có lỗi gì không?

[@kalibacktracker0110]

E muốn hỏi thêm về phần js. e bị lỗi đường dẫn khi đưa ajax vào phần tạo mới để kiểm tra tồn tại hay chưa. bên js thì đường dẫn của e là url:"/Admin/Category/CheckAvai" nhưng khi chạy và debug thì đường dẫn lại là /Admin/Category/Admin/Category/CheckAvai Vậy có cách nào loại bỏ phần trùng ở url không ạ?

[@tedu.official]

+Pham Minh Duc không đâu em, a nghĩ là em thiếu dấu / ở đầu đường dẫn gọi nên nó nhận ra như thế

[@kalibacktracker0110]

+TEDU - Technology Education vậy đường dẫn url trong file js của e sẽ là url:"//Admin/Category/CheckAvai" ạ?

[@tedu.official]

Pham Minh Duc Không vậy của em đúng rồi em xem đường dẫn đúng của nó là gì và nó đang post đến đường dẫn nào

[@tnln7893]

Em code y như anh luôn, mà khi click vào "Kích hoạt" nó lại không văng ra bất cứ cái gì hết (kể cả lỗi ở Console)

[@tedu.official]

A nghĩ nó ko bind dc event

[@tnln7893]

@@tedu.official Em đặt debug ở 2 hàm ChangeStatus và cả file js nhưng nó k chạy vào cái nào hết

[@hanguyenthanh2093]

Không biết nhầm chỗ nào mà nó chó thêm dấu # sau index trên trình duyệt: Localhost:49989/Admin/User/Index# Anh Tedu giúp em chút xíu!!

[@tedu.official]

+Hà Nguyễn Thanh em xem lại phút 11:28 nhé. A có sử dụng e.preventDefault() là nhằm mục đích này. Bỏ thuộc tính href mặc định đi.

[@ndiep_lowk215]

@@tedu.official em có e.preventDefault mà sao vẫn bị href"#" là sao anh nhỉ, mong anh giải đáp

[@mr.p815]

E bị lỗi 'User' table - Unable to modify table. Cannot insert the value NULL into column 'Status', table 'OnlineShop.dbo.Tmp_User'; column does not allow nulls. INSERT fails. The statement has been terminated. Có cách nào fixx k ạ

[@tedu.official]

+Mr. P status của e ko có giá trị em phải gán cho nó chứ

[@mr.p815]

+TEDU E thử nhiều cách rồi k được.A team giúp e 2p được k ạ?

[@kalibacktracker0110]

E làm theo hướng dẫn, mà toàn bị lỗi 500 thôi, giúp e với

[@tedu.official]

+Pham Minh Duc e phải xem lỗi 500 detail nó là gì chứ

[@kalibacktracker0110]

+TEDU - Technology Education e làm đc r, cám ơn a nhiều

[@tedu.official]

+Pham Minh Duc Nguyên nhân là gì em?

[@kalibacktracker0110]

do phần js của e, data{id:id} nhưng bên controller thì e đặt tên khác nên không nhận đc. E sửa lại tên là chạy ngon lành.

[@chongaythanghoa]

E đang code trang hiển thị danh sách các Content, ở cột CategoryID e muốn hiển thị tên của Category thì làm sao vậy a? Mày mò miết mà không ra. Hix

[@tedu.official]

muốn hiển thị tên category bạn phải join bảng content và category lại

[@chongaythanghoa]

Cảm ơn a. A ơi làm clip hướng dẫn lưu nhiều ảnh của sản phẩm bằng XML đi a. Thanks a

[@tedu.official]

list này a ko ra video nữa em ạ. nếu em muốn học thêm có thể join khóa học có phí tại tedu.com.vn

[@ngoc288able]

ad ơi chỉ giúp, thay vì dùng "kích hoạt" và "khóa" mình muốn thay bằng 2 images check.gif và uncheck.gif. code mình viết thế này 1. index.cshtml @{if(item.status == true ){ } } else {} 2. file .js chổ registerEvents ... if(response.status == true) { tbl.images['img'+id].src='/images/check.gif'; } else { tbl.images['img'+id].src='/images/uncheck.gif'; } khi chay bug chrome báo "can not read property 'img26' of undefined", báo khi bug vào dòng tbl.images['img'+id].src='/images/check.gif' Mong ad chỉ giúp, thanks

[@tedu.official]

+Tien Ngoc Như thế này là trong html của em không có cái image nào có id là img26 nên jquery nó ko nhận ra được. Em soi xem có id đó không?

[@ailatrieuphu132]

Mình bị lỗi này là sao bạn ơi., khi debug cũng vào được Phương thức ChangeStatus, nhưng nó không tự cập nhật trạng thái 'Kích hoạt' hoặc 'Khóa' cho đến khi f5 refresh trình duyệt lại. Và khi debug trên trình duyệt nó báo lỗi thế này: plus.google.com/u/0/photos/photo/113593670067698061480/6471010010966109074?icm=false&iso=true&authkey=CLaF4ILM_8a_zgE

[@tedu.official]

vạy là bạn bị chưa refresh lại rồi, bạn debug lại xem

[@ailatrieuphu132]

Ok, đã làm đc, những video của bạn rất bổ ích, đúng mục đích tìm kiếm của những bạn theo ASP.NET.

[@aoxuanhoang1548]

em làm theo mà nó ko chạy...huhu

[@quoctrinhtrong8172]

A ơi trong trường hợp e có 3 trạng thái mỗi lần click vào thì nó thay đổi trạng thái khác nhau thì ajax sử lý thể nào đc a. Em làm như ở dưới nhưng nó chỉ nhận được 2 trạng thái : var order = { init: function () { order.registerEvents(); }, registerEvents: function () { $('.btn-active').off('click').on('click', function (e) { e.preventDefault(); var btn = $(this); var id = btn.data('id'); $.ajax({ url: "/Admin/Order/ChangeStatus", data: { id: id }, dataType: "json", type: "POST", success: function (response) { console.log(response); if (response.status == 2) { btn.text('Đã xác nhận'); } else if (response.status == 1) { btn.text('Chưa xác nhận'); } else if (response.status == 3){ btn.text('Đã giao hàng'); } } }); }); } } order.init();

[@quoctrinhtrong8172]

Nó đã thay đổi dữ liệu trong sql sang ==3 nhưng click nó chỉ nhận 2 trạng thái đầu thôi a ạ

[@tedu.official]

vậy em debug xem lúc trả về client respone.status nó là giá trị gì

[@mangokids20]

(y)

[@HuyLe-gc7te]

Error: Graph container element not found , fix sao Thầy ơi, dốt Jquery :(

[@tedu.official]

chắc là do không tồn tại div có chứa id đó nhưng jquery nó lại call để bind nên lỗi, nên kiểm tra tồn tại của div trước khi call