12 ajax

Page 1

ThS. Nguyễn Nghiệm 0913.745.789 nghiemn@fpt.edu.vn songlong2k@gmail.com


 Giới thiệu Ajax  Gới thiệu jQuery

 jQuery Ajax

$.ajax(options) $.post(), $.get() $.getSON() $.getScript() $(image).load()


 Cơ chế hoạt động của ajax  Jquery tương tác action của MVC bằng ajax

 Xử lý dữ liệu (text, html, json) trả về từ các action  Ứng dụng ajax vào bài toán thực tế

Phân trang bằng ajax Xử lý giỏ hàng bằng ajax Tìm kiếm nhanh bằng ajax


 AJAX =

Asynchronous JavaScript And XML

Truyền thông bất đồng bộ với server Dữ liệu truyền thông là XML Lập trình phía client là JavaScript  Dữ liệu truyền thông không chỉ XML mà còn

HTML Text JSON JavaScript



ThS. Nguyễn Nghiệm 0913.745.789 nghiemn@fpt.edu.vn songlong2k@gmail.com


 Ajax tổng quát

$.ajax(options)  Ajax POST với dữ liệu bất kỳ

$.post()  Ajax GET với dữ liệu bất kỳ

$.get()  Ajax POST | GET với dữ liệu JSON

$.getJSON()  Ajax với dữ liệu là SCRIPT

$.getScript()



1

2

3


2

3 5 1 4


1 2

3


 $.post(url, data, function (response) { },

dataType) $.ajax({…type:”POST”…})  $.get(url, data, function (response) { }, dataType)

$.ajax({…type :”GET” …})  $.getJSON(url, data, function (response) { })

$.ajax({…type :”GET”, dataType:”JSON” …})  $.getScript(url, data, function (response) { })

$.ajax({…type :”GET”, dataType:”JavaScript”…})



 $("selector").load(function(){})

Tài tài nguyên cho selector


Tải nhóm tiếp




Tải trang yêu cầu bằng ajax




Thông tin giỏ hàng

Nút chọn hàng


Xóa

Cập nhật số lượng


Product/Index

ProductController Db: EShopV10DbContext Index()

ShoppingCart

CartController Cart/Index

Db: EShopV10DbContext Index() Add(int id) Remove(int id) Update(int id, int qty) Clear()

Items: List<Product> ItemCount: int TotalAmount: double Add(int id) Remove(int id) Update(int id, int qty) Clear()



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.