JavaScript Ajax
|
AJAX là một kỹ thuật phát triển web để tạo các ứng dụng web tương tác. Nếu bạn biết JavaScript, HTML, CSS và XML, thì bạn chỉ cần dành một giờ để bắt đầu với AJAX Show Tại sao nên học Ajax?AJAX là viết tắt của JavaScript và XML không đồng bộ. AJAX là một kỹ thuật mới để tạo các ứng dụng web tốt hơn, nhanh hơn và tương tác hơn với sự trợ giúp của XML, HTML, CSS và Java Script
Công nghệ ứng dụng Internet phong phúAJAX là công nghệ Rich Internet Application (RIA) khả thi nhất cho đến nay. Nó đang nhận được động lực to lớn của ngành và một số bộ công cụ và khung đang nổi lên. Nhưng đồng thời, AJAX không tương thích với trình duyệt và nó được hỗ trợ bởi JavaScript, khó bảo trì và gỡ lỗi AJAX dựa trên các tiêu chuẩn mởAJAX dựa trên các tiêu chuẩn mở sau đây –
Khán giảHướng dẫn này sẽ hữu ích cho các nhà phát triển web muốn tìm hiểu cách tạo các trang web tương tác cũng như cải thiện tốc độ và khả năng sử dụng của họ bằng AJAX điều kiện tiên quyếtBạn nên làm quen với HTML và JavaScript trước khi thực hiện hướng dẫn này Ajax là viết tắt của JavaScript và XML không đồng bộ. Nó được sử dụng để thực hiện giao tiếp không đồng bộ với máy chủ. Ajax được sử dụng để đọc dữ liệu từ máy chủ và cập nhật trang hoặc gửi dữ liệu đến máy chủ mà không ảnh hưởng đến trang máy khách hiện tại. Ajax là một khái niệm lập trình. Dưới đây là một số cách để thực hiện cuộc gọi Ajax trong JavaScript Cách tiếp cận 1. Trong cách tiếp cận này, chúng ta sẽ sử dụng đối tượng XMLHttpRequest để thực hiện lệnh gọi Ajax. Phương thức XMLHttpRequest() tạo đối tượng XMLHttpRequest được sử dụng để thực hiện yêu cầu với máy chủ. cú pháp. var xhttp = new XMLHttpRequest(); Cú pháp trên được sử dụng để tạo đối tượng XMLHttpRequest. Đối tượng này có nhiều phương thức khác nhau được sử dụng để tương tác với máy chủ để gửi, nhận hoặc ngắt phản hồi từ máy chủ. Trong phản hồi, chúng tôi nhận được một chuỗi từ máy chủ mà chúng tôi in. Thí dụ. Javascript
"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"4 "{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"5"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"6 "{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"7"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"0"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1$.ajax({arg1: value, arg2: value, .. });0"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"4 $.ajax({arg1: value, arg2: value, .. });3$.ajax({arg1: value, arg2: value, .. });4_______11_______5"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1$.ajax({arg1: value, arg2: value, .. });7$.ajax({arg1: value, arg2: value, .. });8$.ajax({arg1: value, arg2: value, .. });9{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}0{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}1"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"0"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}4"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}6function {
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}8{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}9_______30_______0 fetch(url, {config}).then().catch();1fetch(url, {config}).then().catch();2_______30_______3fetch(url, {config}).then().catch();2fetch(url, {config}).then().catch();5fetch(url, {config}).then().catch();6_______30_______7fetch(url, {config}).then().catch();2fetch(url, {config}).then().catch();9{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}9{ userId:1 ,id:1 ,title : "delectus aut autem" ,completed : false
__proto__:Object }
Title of our response : delectus aut autem1"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1{ userId:1 ,id:1 ,title : "delectus aut autem" ,completed : false
__proto__:Object }
Title of our response : delectus aut autem1"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1____41_______5"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1{ userId:1 ,id:1 ,title : "delectus aut autem" ,completed : false
__proto__:Object }
Title of our response : delectus aut autem7
{ userId:1 ,id:1 ,title : "delectus aut autem" ,completed : false
__proto__:Object }
Title of our response : delectus aut autem1
Thí dụ. HTML
fetch(url, {config}).then().catch();6_______1_______13fetch(url, {config}).then().catch();6_______1_______15fetch(url, {config}).then().catch();6_______1_______17"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"18"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"19"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"18"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"21fetch(url, {config}).then().catch();6______1_______23"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"0fetch(url, {config}).then().catch();6______1_______26fetch(url, {config}).then().catch();6______1_______28"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"18"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"30fetch(url, {config}).then().catch();6_______41_______1{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}9_______1_______34"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1{ userId:1 ,id:1 ,title : "delectus aut autem" ,completed : false
__proto__:Object }
Title of our response : delectus aut autem1"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"1"{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
}"38
|
