cơ bản "thô" Ajax Gọi

Question

Tôi có một chức năng serverside:

string foo(string input_string); 

ví dụ:

foo("bar") returns "baz" 

và đã quấn chức năng này vào một máy chủ HTTP như vậy:

POST /foo HTTP/1.1 
... 

bar 

sẽ trả lại:

HTTP/1.1 200 OK 
... 

baz 

tức là yêu cầu POST với chuỗi đầu vào khi Nội dung thư HTTP sẽ trả về chuỗi đầu ra làm Nội dung thư HTTP của 200 OK.

Bây giờ trong javascript của tôi trên trang web Tôi có hai chức năng:

function sendFoo(input_string) 
{ 
    ??? // should asynchronously start process to POST input_string to server 
} 

function recvFoo(output_string) 
{ 
    ... 
} 

Khi tôi gọi sendFoo Tôi muốn POST phải được thực hiện không đồng bộ với máy chủ và sau khi nhận được phản hồi Tôi muốn recvFoo được gọi (có lẽ trong một chủ đề khác hoặc bất kỳ điều gì) với Nội dung thư của 200 OK.

Tôi làm cách nào để triển khai sendFoo ở trên? Tôi hiện đang sử dụng jQuery, nhưng một giải pháp trong javascript tinh khiết là ok quá. (Tôi cũng có thể sửa đổi các máy chủ nếu cần thiết?)

Giải pháp:

function sendFoo(input_string) 
{ 
    $.ajax({ url: "/foo", type: "POST", data: input_string, success: recvFoo }); 
} 

Answer 1

Không cần phải dự phòng cổ điển JavaScript

$.ajax({ 
     url:"URL of foo...", 
     type: "POST", 
     data: "what ever", 
     success: recvFoo 
     }); 

Hoặc post tùy chọn:

$.post('The url of foo', {input_string : 'bar'}, recvFoo); 

Answer 2

jQuery bài sẽ thực hiện công việc:

$.post('foo.html', {'varname' : 'bar'}, function(data) { 
    recvFoo(data); 
}); 

Rất cũng đặt ra câu hỏi, cảm ơn.

Answer 3

XMLHttpRequest Phương thức open() của đối tượng cho phép bạn chỉ định phương thức HTTP trong khi phương pháp send() cho phép chỉ định nội dung thư, ví dụ:

var xhr = ... // obtain XMLHttpRequest object 
xhr.open('POST', '/foo'); // HTTP method and requested URL. 
xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4 && xhr.status == 200) { 
     recvFoo(xhr.responseText); // Will pass 'baz' to recvFoo(). 
    } 
}; 
xhr.send('bar'); // Message body with your function's argument.