Hướng dẫn send data in javascript - gửi dữ liệu bằng javascript

Question

Tôi cần viết một tập lệnh nhận và phân tích một mảng JSON trong mảng bài. Để làm điều này, trước tiên tôi cố gắng gửi bất kỳ dữ liệu JSON cũ nào đến tập lệnh của mình để tôi có một cái gì đó để làm việc.

Nội dung chính Show

Lợi ích của Ajax
Yêu cầu bài đăng là gì?
Cách thực hiện yêu cầu bài đăng AJAX với XHR
Cách thực hiện yêu cầu POST AJAX với Fetch ()
Cách thực hiện yêu cầu bài đăng AJAX với jQuery
Sự kết luận
Làm cách nào để gửi một yêu cầu bài đăng trong ajax?
Làm thế nào chúng ta có thể gửi dữ liệu đến máy chủ bằng AJAX?
Bài viết trong Ajax là gì?
Làm thế nào và phương thức bài được sử dụng trong AJAX?

Nội phân chính

Lợi ích của Ajax
Yêu cầu bài đăng là gì?
Cách thực hiện yêu cầu bài đăng AJAX với XHR
Cách thực hiện yêu cầu POST AJAX với Fetch ()
Cách thực hiện yêu cầu bài đăng AJAX với jQuery
Làm cách nào để gửi một yêu cầu bài đăng trong ajax?
Làm thế nào chúng ta có thể gửi dữ liệu đến máy chủ bằng AJAX?
Bài viết trong Ajax là gì?
Làm thế nào và phương thức bài được sử dụng trong AJAX?

Tập lệnh nhận của tôi là trong PHP (nhưng thay phiên có thể được thực hiện trong JavaScript.) Ngay bây giờ, tôi chỉ tuần tự hóa mảng bài và ghi nó vào một tệp văn bản để đảm bảo có gì đó đang xuất hiện. Tuy nhiên.

Tôi đang cố gắng gửi dữ liệu bằng yêu cầu AJAX. Đây là những gì tôi có vào lúc này:

Tôi cũng đã thử rất nhiều biến thể về điều này, bao gồm cả

Không xâu chuỗi Jsondata
Thay đổi dữ liệu thành điều này: data: jsondata
sử dụng type: thay vì method: trong yêu cầu

bao gồm

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

0 trong yêu cầu

Và một số biến thể khác mà tôi thậm chí không thể nhớ vào thời điểm này. Tôi có thiếu một cái gì đó đơn giản? Hoặc có một cách dễ dàng hơn để thực hiện điều này?

Chỉnh sửa: Thêm tệp index.php của tôi

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

Trong bài viết này, chúng ta sẽ xem Ajax là gì, tại sao nó lại quan trọng và làm thế nào chúng ta có thể đưa ra yêu cầu AJAX

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

1 với XHR,

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2 và JQuery.

Ajax là viết tắt của JavaScript không đồng bộ và XML. AJAX là một kỹ thuật phát triển web được sử dụng để cập nhật nội dung trên một trang web mà không phải tải lại toàn bộ trang.Asynchronous JavaScript and XML. AJAX is a technique in web development used to update content on a website without having to reload the entire page.

Trong một ứng dụng AJAX, JavaScript được sử dụng để cập nhật thời gian thực trên các phần của trang khi người dùng tương tác với nó, do đó biến trang HTML tĩnh thành một trang năng động.

Các ứng dụng web mạng xã hội như Facebook và Twitter sử dụng AJAX để cập nhật nguồn cấp dữ liệu và thông báo của người dùng.

Chúng ta hãy lấy ứng dụng web Twitter làm ví dụ. Sau một khoảng thời gian được chỉ định, ứng dụng Twitter đưa ra yêu cầu AJAX cho máy chủ yêu cầu thông tin mới. Đó là cách người dùng nhận được các tweet mới nhất trên nguồn cấp dữ liệu của họ mà không phải tải lại trang.

Tất cả điều này xảy ra không đồng bộ; Người dùng có thể tiếp tục sử dụng ứng dụng trong khi nó yêu cầu thông tin từ máy chủ web trong nền. Đó chính xác là lý do tại sao người dùng có thể cuộn qua nguồn cấp dữ liệu của họ và phản ứng với các tweet trong khi nguồn cấp dữ liệu được cập nhật với các tweet mới.

Trong một yêu cầu máy khách truyền thống, người dùng sẽ phải tải lại trang để nhận bất kỳ thông tin mới nào từ máy chủ.

Lợi ích của Ajax

AJAX sử dụng JavaScript phía máy khách để tìm nạp và hiển thị nội dung trong nền. Kỹ thuật này cải thiện đáng kể trải nghiệm người dùng, vì trang không phải tải lại mỗi khi cần nội dung mới.

Sử dụng AJAX dẫn đến các trình hiển thị trang nhanh hơn vì nó có thể được sử dụng để chỉ cập nhật các phần của trang cần thay đổi, trái ngược với việc tải lại toàn bộ trang.

Điều đó cũng làm giảm tần suất các yêu cầu đến máy chủ web, từ đó dẫn đến thời gian phản hồi nhanh hơn.

Yêu cầu bài đăng là gì?

Cách thực hiện yêu cầu bài đăng AJAX với XHR

Cách thực hiện yêu cầu POST AJAX với Fetch ()

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

3

Cách thực hiện yêu cầu bài đăng AJAX với jQuery

Làm cách nào để gửi một yêu cầu bài đăng trong ajax?

Cách thực hiện yêu cầu bài đăng AJAX với XHR

Cách thực hiện yêu cầu POST AJAX với Fetch ()

Cách thực hiện yêu cầu bài đăng AJAX với jQuery

/* Data which will be sent to server */
let postObj = { 
    id: 1, 
    title: "What is AJAX", 
    body: "AJAX stands for Asynchronous JavaScript..."
}

Làm cách nào để gửi một yêu cầu bài đăng trong ajax?

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

Làm thế nào chúng ta có thể gửi dữ liệu đến máy chủ bằng AJAX?

Bài viết trong Ajax là gì?

/* Data which will be sent to server */
let postObj = { 
    id: 1, 
    title: "What is AJAX", 
    body: "AJAX stands for Asynchronous JavaScript..."
}

2: Phương thức yêu cầu; Chúng tôi đang đăng dữ liệu lên máy chủ

/* Data which will be sent to server */
let postObj = { 
    id: 1, 
    title: "What is AJAX", 
    body: "AJAX stands for Asynchronous JavaScript..."
}

3: Đây là URL của máy chủ đến nơi chúng tôi đang đăng tài nguyên lên

/* Data which will be sent to server */
let postObj = { 
    id: 1, 
    title: "What is AJAX", 
    body: "AJAX stands for Asynchronous JavaScript..."
}

4: Nói với trình duyệt để chạy mã không đồng bộ

Chúng tôi đã tiến hành đặt tiêu đề yêu cầu, nói với máy chủ cách xử lý dữ liệu chúng tôi gửi qua. Sau đó, chúng tôi đã gửi cơ thể của yêu cầu của chúng tôi.

Khi yêu cầu được hoàn thành thành công, chức năng

/* Data which will be sent to server */
let postObj = { 
    id: 1, 
    title: "What is AJAX", 
    body: "AJAX stands for Asynchronous JavaScript..."
}

5 sẽ được gọi. Bên trong chức năng này, chúng tôi đã thực hiện kiểm tra

/* Data which will be sent to server */
let postObj = { 
    id: 1, 
    title: "What is AJAX", 
    body: "AJAX stands for Asynchronous JavaScript..."
}

6 để đảm bảo rằng tài nguyên được tạo thành công trên máy chủ (như được chỉ định bởi trạng thái 201) trước khi đăng nhập một thông báo vào bảng điều khiển.

Bạn cũng có thể truy cập trực tiếp các giá trị từ một biểu mẫu trong trang, như SO:

let postObj = { 
    id: Math.random(), 
    title: document.querySelector('#post-title').value, 
    body: document.querySelector('#post-body').value
}

// [...]

xhr.onload = function () {
    if(xhr.status === 201) {
        let AlertDiv = document.querySelector('#alert')
        AlertDiv.innerHTML =  xhr.response.message
    }
}

Ở đây chúng tôi lấy các giá trị trực tiếp từ giao diện người dùng và hiển thị thông báo phản hồi cho người dùng nếu tài nguyên được tạo thành công.

Cách thực hiện yêu cầu POST AJAX với Fetch ()

Một cách khác để thực hiện các cuộc gọi AJAX trong JavaScript là với phương thức

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2.

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2 là phương thức tiện ích API được tích hợp trong môi trường trình duyệt web. Đó là API mới hơn

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

7, với các tính năng hiện đại giúp sử dụng dễ dàng hơn. Tôi khuyên bạn nên sử dụng

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2 cho AJAX.

Mã sau đây thực hiện yêu cầu bài đăng lên máy chủ bằng

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2:

fetch("https://jsonplaceholder.typicode.com/posts", {
    method: 'post',
    body: post,
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    }
}).then((response) => {
    return response.json()
}).then((res) => {
    if (res.status === 201) {
        console.log("Post successfully created!")
    }
}).catch((error) => {
    console.log(error)
})

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2 lấy URL máy chủ và một đối tượng chứa các tùy chọn như phương thức

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

3, thân yêu cầu và các tiêu đề yêu cầu.

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

4 cho biết loại phản hồi nào từ máy chủ mà máy khách có thể chấp nhận.

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

5 chỉ ra định dạng dữ liệu của yêu cầu hoặc phản hồi hiện tại. Vì yêu cầu của chúng tôi có tải trọng, chúng tôi phải sử dụng tiêu đề yêu cầu loại nội dung.

Khi yêu cầu được thực hiện thành công trên máy chủ, chúng tôi theo chuỗi các phương thức

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

6 và

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

7 để xử lý phản hồi và lỗi của máy chủ.

Phương thức

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

6 đầu tiên chỉ cần chuyển đổi dữ liệu phản hồi thành đối tượng JavaScript và trả về đối tượng. Trong phương thức

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

6 sau đây, chúng tôi kiểm tra trạng thái và đăng nhập thông báo thành công vào bảng điều khiển.

Nếu bất kỳ lỗi nào gặp phải dọc theo chuỗi, nó sẽ được xử lý bởi

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

7.

Cách thực hiện yêu cầu bài đăng AJAX với jQuery

Cho đến nay, chúng tôi chỉ sử dụng API Web trình duyệt để thực hiện các yêu cầu AJAX.

Chúng tôi cũng có thể thực hiện yêu cầu AJAX bằng thư viện như JQuery. Các yêu cầu đăng trong jQuery được thực thi bằng hàm

let postObj = { 
    id: Math.random(), 
    title: document.querySelector('#post-title').value, 
    body: document.querySelector('#post-body').value
}

// [...]

xhr.onload = function () {
    if(xhr.status === 201) {
        let AlertDiv = document.querySelector('#alert')
        AlertDiv.innerHTML =  xhr.response.message
    }
}

1.

Tôi sẽ chỉ cho bạn cách sử dụng jQuery để thực hiện yêu cầu AJAX, nhưng thành thật mà nói với API tìm nạp JavaScript mới, thực sự không cần phải nhập toàn bộ thư viện như JQuery chỉ cho AJAX.

Bây giờ chúng ta hãy thực hiện yêu cầu

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

1 bằng cách sử dụng jQuery thay thế:

$.post("https://jsonplaceholder.typicode.com/posts", 
{
    id: 1, 
    title: "What is AJAX", 
    body: "AJAX stands for Asynchronous JavaScript..."
},
function(data, status) {
    if(status === "success") {
        console.log("Post successfully created!")
    }
},
"json")

let postObj = { 
    id: Math.random(), 
    title: document.querySelector('#post-title').value, 
    body: document.querySelector('#post-body').value
}

// [...]

xhr.onload = function () {
    if(xhr.status === 201) {
        let AlertDiv = document.querySelector('#alert')
        AlertDiv.innerHTML =  xhr.response.message
    }
}

1 có bốn đối số: URL, thân yêu cầu, hàm gọi lại và định dạng dữ liệu.

Khi yêu cầu được hoàn thành thành công, chức năng gọi lại được chuyển đến

let postObj = { 
    id: Math.random(), 
    title: document.querySelector('#post-title').value, 
    body: document.querySelector('#post-body').value
}

// [...]

xhr.onload = function () {
    if(xhr.status === 201) {
        let AlertDiv = document.querySelector('#alert')
        AlertDiv.innerHTML =  xhr.response.message
    }
}

1 sẽ được gọi. Hàm này nhận được phản hồi và trạng thái từ yêu cầu bài đăng, cả hai là đối số.

Trong chức năng gọi lại, chúng tôi kiểm tra trạng thái yêu cầu và đăng nhập thông báo vào bảng điều khiển.

Sự kết luận

AJAX là một công nghệ web hiện đại được sử dụng để cập nhật nội dung trang không đồng bộ. Điều này có nghĩa là người dùng vẫn có thể tương tác với một trang trong khi ứng dụng sử dụng JavaScript để tìm nạp thông tin từ máy chủ và cập nhật trang.

Trong bài viết này, chúng tôi đã xem xét ba cách để thực hiện các yêu cầu POST AJAX trong một ứng dụng web. Chúng tôi đã sử dụng đối tượng

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

7, phương pháp tìm nạp và jQuery.

Bởi vì

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2 sử dụng các tính năng JavaScript hiện đại như lời hứa, tôi rất khuyến khích sử dụng nó qua các tùy chọn khác. Điều này là do bạn có thể học và sử dụng các cấu trúc hứa hẹn như

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

6,

let post = JSON.stringify(postObj)

const url = "https://jsonplaceholder.typicode.com/posts"
let xhr = new XMLHttpRequest()

xhr.open('POST', url, true)
xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
xhr.send(post);

xhr.onload = function () {
    if(xhr.status === 201) {
        console.log("Post successfully created!") 
    }
}

7 và

let postObj = { 
    id: Math.random(), 
    title: document.querySelector('#post-title').value, 
    body: document.querySelector('#post-body').value
}

// [...]

xhr.onload = function () {
    if(xhr.status === 201) {
        let AlertDiv = document.querySelector('#alert')
        AlertDiv.innerHTML =  xhr.response.message
    }
}

9.

Với sự sẵn có của các API gốc như

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

2 và

if (isset($_POST)){
    // This line is commented out because it breaks it.
    //$jspost = json_decode($_POST['json']);
    $jsser = serialize($_POST);
    echo "I'm here.";
    // Write to text file
    $myfile = "response.txt";
    $fh = fopen($myfile, 'w') or die("can't open file");
    $now = date("n/j/y g:i:s a");
    fwrite($fh, $now."\r\n");
    fwrite($fh, "I received a POST.\r\n");
    fwrite($fh, $jsser);
    fwrite($fh, "\r\n\n");
    fclose($fh);
}

7, không cần phải nhập toàn bộ thư viện như jQuery chỉ để thực hiện các yêu cầu AJAX trong ứng dụng của bạn.

Làm cách nào để gửi một yêu cầu bài đăng trong ajax?

Gửi yêu cầu Ajax..

Ví dụ: Yêu cầu JQuery Ajax. $. ....

Ví dụ: Nhận dữ liệu JSON. ....

Ví dụ: Phương thức Ajax (). ....

Ví dụ: Gửi yêu cầu bài đăng ..

Làm thế nào chúng ta có thể gửi dữ liệu đến máy chủ bằng AJAX?

Ajax ({type: "Post", URL: "URL của bạn với phương thức nhấn mạnh dữ liệu", kiểu dữ liệu: "json", dữ liệu: {o: objectDatastring}, thành công: function (data) {alert ('thành công'); }, lỗi: function () {alert ('error');}}); Và phương thức của bạn chỉ có thể có một tham số của loại chuỗi.

Bài viết trong Ajax là gì?

Gửi yêu cầu bài đăng HTTP không đồng bộ đến tải dữ liệu từ máy chủ. Hình thức chung của nó là: jQuery. Post (url [, dữ liệu] [, thành công] [, kiểu dữ liệu]) URL: là tham số bắt buộc duy nhất.. Its general form is: jQuery. post( url [, data ] [, success ] [, dataType ] ) url : is the only mandatory parameter.

Làm thế nào và phương thức bài được sử dụng trong AJAX?

Get về cơ bản được sử dụng để chỉ nhận (truy xuất) một số dữ liệu từ máy chủ.Lưu ý: Phương thức GET có thể trả về dữ liệu được lưu trong bộ nhớ cache.Bài đăng cũng có thể được sử dụng để lấy một số dữ liệu từ máy chủ.Tuy nhiên, phương thức POST không bao giờ lưu trữ dữ liệu và thường được sử dụng để gửi dữ liệu cùng với yêu cầu.

programming javascript multipart/form-data Fetch API FormData js Form-data axios Fetch data Form method post Fetch API w3schools

Hướng dẫn send data in javascript - gửi dữ liệu bằng javascript

Lợi ích của Ajax

Yêu cầu bài đăng là gì?

Cách thực hiện yêu cầu bài đăng AJAX với XHR

Cách thực hiện yêu cầu POST AJAX với Fetch ()

Cách thực hiện yêu cầu bài đăng AJAX với jQuery

Sự kết luận

Làm cách nào để gửi một yêu cầu bài đăng trong ajax?

Làm thế nào chúng ta có thể gửi dữ liệu đến máy chủ bằng AJAX?

Bài viết trong Ajax là gì?

Làm thế nào và phương thức bài được sử dụng trong AJAX?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội