Hướng dẫn ajax php post - ajax php bài
|
Show Ajax được xem như bộ máy trung gian giúp trang web xử lý các tương tác dữ liệu trên máy chủ. Đây là một phương giáp giúp người dùng xử lý dữ liệu ngay tại các ứng dụng mà không cần phải tải lại toàn bộ trang web của mình, mang đến cho bạn trải nghiệm tuyệt vời với khả năng duyệt website siêu tốc độ. được xem như bộ máy trung gian giúp trang web xử lý các tương tác dữ liệu trên máy chủ. Đây là một phương giáp giúp người dùng xử lý dữ liệu ngay tại các ứng dụng mà không cần phải tải lại toàn bộ trang web của mình, mang đến cho bạn trải nghiệm tuyệt vời với khả năng duyệt website siêu tốc độ. Vậy Ajax là gì? Cách sử dụng AJAX trong PHP và jQuery như thế nào? Hãy cùng BKHOST tìm hiểu ngay sau đây.Ajax là gì? Cách sử dụng AJAX trong PHP và jQuery như thế nào? Hãy cùng BKHOST tìm hiểu ngay sau đây. Đăng ký dịch vụ Hosting tại BKHOST BKHOST cung cấp dịch vụ Hosting với nhiều mức giá và cấu hình khác nhau, đáp ứng nhu cầu của tất cả khách hàng. Cam kết hoàn tiền lên đến 100% nếu Quý khách không hài lòng với chất lượng sản phẩm, dịch vụ. Rất nhiều chương trình khuyến mãi cực hấp dẫn đang chờ bạn. Đăng ký ngay hôm nay! thuê hosting Nội dung bài viết
AJAX là gì?Cách AJAX hoạt động bằng Vanilla JavaScript. Cách sử dụng Promise trong JavaScript cho AJAX Cách AJAX hoạt động bằng jQuery: AJAX cho phép bạn cập nhật nội dung của một ứng dụng như thông tin cá nhân, thông tin xã hội, thông báo, tin nhắn…bằng cách xây dựng những trang web riêng cho mỗi phần. Ví dụ sử dụng AJAX trong PHP Sử dụng Promises trong jQuery cho AJAX Tổng kết về AJAX
Cách AJAX hoạt động bằng Vanilla JavaScriptCách sử dụng Promise trong JavaScript cho AJAX Cách AJAX hoạt động bằng jQuery
Cách sử dụng Promise trong JavaScript cho AJAXCách AJAX hoạt động bằng jQuery đã trở thành một trong những thư viện chuẩn cung cấp cách quản lý tốt hơn các hoạt động như không đồng bộ hay các lệnh gọi của JavaScript. Promise có ba trạng thái chính bao gồm “đang chờ xử lý”, “giải quyết” và “bị từ chối”. Ví dụ sử dụng AJAX trong PHPPromise”: function AjaxCallWithPromise() {
return new Promise(function (resolve, reject) {
const objXMLHttpRequest = new XMLHttpRequest();
objXMLHttpRequest.onreadystatechange = function () {
if (objXMLHttpRequest.readyState === 4) {
if (objXMLHttpRequest.status == 200) {
resolve(objXMLHttpRequest.responseText);
} else {
reject('Error Code: ' + objXMLHttpRequest.status + ' Error Message: ' + objXMLHttpRequest.statusText);
}
}
}
objXMLHttpRequest.open('GET', 'request_ajax_data.php');
objXMLHttpRequest.send();
});
}
AjaxCallWithPromise().then(
data => { console.log('Success Response: ' + data) },
error => { console.log(error) }
);Sử dụng Promises trong jQuery cho AJAXAjaxCallWithPromise” được gọi, nó sẽ trả về đối tượng Promise ban đầu và dựa trên phản hồi để gọi hàm resolve/reject. Tổng kết về AJAXthen” để lên lịch gọi lại Promise khi nó được giải quyết thành công. AJAX (Asynchronous JavaScript and XML) là nhóm công nghệ với các kỹ thuật cao có thể tạo ra các ứng dụng website nhanh chóng và mượt mà hơn. Cách AJAX hoạt động bằng jQueryVí dụ sử dụng AJAX trong PHP Sử dụng Promises trong jQuery cho AJAX Tổng kết về AJAX$” ở trên dùng để tham chiếu đến một đối tượng jQuery. AJAX (Asynchronous JavaScript and XML) là nhóm công nghệ với các kỹ thuật cao có thể tạo ra các ứng dụng website nhanh chóng và mượt mà hơn. Nó cho phép bạn tìm nạp nội dung không đồng bộ từ máy chủ back-end mà không cần phải làm mới toàn bộ trang. Ví dụ sử dụng AJAX trong PHPSử dụng Promises trong jQuery cho AJAX Tổng kết về AJAXindex.php” là một dạng HTML chứa các trường tên người dùng, mật khẩu hay một đoạn mã JavaScript jQuery. Sử dụng sự kiện submit của phần tử biểu mẫu được kích hoạt khi người dùng nhấp nút “submit”. Sau đó dùng lệnh gọi AJAX để gửi dữ liệu biểu mẫu đến tệp “login.php” thông qua phương thức POST.submit”. Sau đó dùng lệnh gọi AJAX để gửi dữ liệu biểu mẫu đến tệp “login.php” thông qua phương thức POST. Sau khi máy chủ phản hồi, tiếp tục sử dụng phương pháp parse của JSON để phân tích cú pháp. Phản hồi JSON sẽ được xác thực bằng việc đăng nhập thành công hoặc thất bại. Tệp “login.php”: 1));
} else {
echo json_encode(array('success' => 0));
}Sử dụng Promises trong jQuery cho AJAXPhương pháp “$.ajax” cũng hỗ trợ JavaScript Promises bằng các phương thức khác nhau như then, done, fail và always.$.ajax” cũng hỗ trợ JavaScript Promises bằng các phương thức khác nhau như then, done, fail và always. Sử dụng đoạn mã jQuery với phương thức then như sau: ...
...
$.ajax({
type: "POST",
url: 'login.php',
data: $(this).serialize()
}).then(
// resolve/success callback
function(response)
{
var jsonData = JSON.parse(response);
// user is logged in successfully in the back-end
// let's redirect
if (jsonData.success == "1")
{
location.href = 'my_profile.php';
}
else
{
alert('Invalid Credentials!');
}
},
// reject/failure callback
function()
{
alert('There was some error!');
}
);
...
...Tổng kết về AJAXHy vọng qua bài viết này, bạn đã hiểu rõ hơn về AJAX cũng như cách sử dụng nó trong PHP và jQuery chi tiết nhất cho bạn. Nếu bạn còn bất kì câu hỏi nào về AJAX, hãy để lại bình luận ở bên dưới, BKHOST sẽ trả lời bạn trong thời gian sớm nhất.AJAX cũng như cách sử dụng nó trong PHP và jQuery chi tiết nhất cho bạn. Nếu bạn còn bất kì câu hỏi nào về AJAX, hãy để lại bình luận ở bên dưới, BKHOST sẽ trả lời bạn trong thời gian sớm nhất. P/s: Bạn cũng có thể truy cập vào Blog của BKHOST để đọc thêm các bài viết chia sẻ kiến thức về lập trình, quản trị mạng, website, domain, hosting, vps, server, email,… Chúc bạn thành công. Dịch vụ Cho Thuê Server Riêng tiêu chuẩn quốc tế BKHOST đang có chương trình khuyến mãi cực tốt dành cho khách hàng đăng ký dịch vụ Server Riêng:
Đăng ký ngay: cho thuê máy chủ vật lý |
