Tôi có một trang HTML có nút trên đó. Khi tôi nhấp vào nút đó, tôi cần gọi một API dịch vụ web còn lại? Tôi đã thử tìm kiếm trực tuyến ở mọi nơi. Không có manh mối nào. Ai đó có thể cho tôi một khách hàng tiềm năng/Headstart về điều này? Rất nhiều đánh giá caoLàm cách nào để gọi API dịch vụ web REST từ nút Javascript Trình xử lý?
Trả lời
Javascript của bạn:
function UserAction() {
var xhttp = new XMLHttpRequest();
xhttp.open("POST", "Your Rest URL Here", true);
xhttp.setRequestHeader("Content-type", "application/json");
xhttp.send();
var response = JSON.parse(xhttp.responseText);
}
hành động Nút của bạn ::
<button type="submit" onclick="UserAction()">Search</button>
Để biết thêm thông đi qua các link (2017/01/11 cập nhật) sau
XMLHttpRequest đồng bộ trên chuỗi chính không được chấp nhận vì các hiệu ứng bất lợi của nó đối với trải nghiệm của người dùng cuối. Để được trợ giúp thêm http://xhr.spec.whatwg.org/ –
Vì bạn đang thực hiện cuộc gọi được đồng bộ hóa, bạn cần gọi 'xhttp.open ("POST", "URL còn lại của bạn tại đây", sai); ', nếu không xhttp.responseText sẽ không chứa kết quả. Nhưng như đã nói, nó sẽ sớm bị phản đối. –
$("button").on("click",function(){
//console.log("hii");
$.ajax({
headers:{
"key":"your key",
"Accept":"application/json",//depends on your api
"Content-type":"application/x-www-form-urlencoded"//depends on your api
}, url:"url you need",
success:function(response){
var r=JSON.parse(response);
$("#main").html(r.base);
}
});
});
Đây là một lệnh gọi API REST REST khác có xác thực bằng cách sử dụng json:
<script type="text/javascript" language="javascript">
function send()
{
var urlvariable;
urlvariable = "text";
var ItemJSON;
ItemJSON = '[ { "Id": 1, "ProductID": "1", "Quantity": 1, }, { "Id": 1, "ProductID": "2", "Quantity": 2, }]';
URL = "https://testrestapi.com/additems?var=" + urlvariable; //Your URL
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = callbackFunction(xmlhttp);
xmlhttp.open("POST", URL, false);
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.setRequestHeader('Authorization', 'Basic ' + window.btoa('apiusername:apiuserpassword')); //in prod, you should encrypt user name and password and provide encrypted keys here instead
xmlhttp.onreadystatechange = callbackFunction(xmlhttp);
xmlhttp.send(ItemJSON);
alert(xmlhttp.responseText);
document.getElementById("div").innerHTML = xmlhttp.statusText + ":" + xmlhttp.status + "<BR><textarea rows='100' cols='100'>" + xmlhttp.responseText + "</textarea>";
}
function callbackFunction(xmlhttp)
{
//alert(xmlhttp.responseXML);
}
</script>
<html>
<body id='bod'><button type="submit" onclick="javascript:send()">call</button>
<div id='div'>
</div></body>
</html>
- 1. Gọi dịch vụ web REST từ trang asp cổ điển
- 2. Bắt đầu với Rally REST API dịch vụ web REST
- 3. Tôi làm cách nào để gọi dịch vụ web từ javascript
- 4. Làm cách nào để gọi đúng một máy chủ từ nhiều trình xử lý/trình xử lý web bằng cách sử dụng Akka HTTP?
- 5. Làm cách nào để xử lý mã cho các dịch vụ web SOAP được phiên bản?
- 6. Làm thế nào để gọi công việc spark trong ngữ cảnh của dịch vụ Web REST?
- 7. Gọi dịch vụ Web Api từ máy khách .NET 2.0
- 8. WCF Rest xử lý lỗi dịch vụ & WebChannelFactory
- 9. Dịch vụ web REST và các khóa API
- 10. Làm cách nào để xử lý bảo vệ CSRF bằng dịch vụ web Spring RESTful?
- 11. API RESTful và API dịch vụ web
- 12. Dịch vụ báo cáo 2008 R2 dịch vụ web api - làm cách nào để quản lý quyền bảo mật?
- 13. Cách trả về hình ảnh PNG từ phương thức dịch vụ REST REST tới trình duyệt
- 14. Có thể gọi dịch vụ web bằng javascript Indesign không?
- 15. Xử lý dữ liệu nhị phân trong API Web từ yêu cầu REST POST hoặc PUT
- 16. Sử dụng dịch vụ REST từ WCF
- 17. Tôi làm cách nào để xử lý Javascript trong trình thu thập dữ liệu web Perl?
- 18. Dịch vụ web REST trong python 3?
- 19. Làm thế nào để thực hiện một dịch vụ Web REST bằng cách sử dụng Akka?
- 20. Cách lấy tham chiếu đến trình xử lý trang ASP.NET mặc định hoặc trình xử lý dịch vụ web?
- 21. Làm cách nào để gọi và giải mã dịch vụ web JSON từ PHP?
- 22. cách trình thu thập dữ liệu web xử lý javascript
- 23. Cuộc gọi dịch vụ web từ Jenkins
- 24. Gọi dịch vụ web từ C++
- 25. Gọi dịch vụ web từ SQL CLR?
- 26. Gọi dịch vụ web từ C++
- 27. Làm cách nào để xử lý cả thanh tác vụ và nút menu?
- 28. Có cách nào để xử lý async/chờ đợi sau dịch vụ ASMX không?
- 29. Spark: Tạo RDD từ dịch vụ REST
- 30. Cài đặt trình xử lý dịch vụ cho sơ đồ URI từ trang web
Cuộc gọi tới dịch vụ REST chỉ là yêu cầu tới máy chủ, tôi đoán đây sẽ là yêu cầu ajax. Sử dụng jQuery ví dụ http://api.jquery.com/jquery.ajax/ – john