У меня есть HTML-страница с кнопкой на ней. Когда я нажимаю на эту кнопку, мне нужно вызвать API веб-сервиса Rest Web? Я пробовал искать в Интернете везде. Никакой подсказки. Может ли кто-нибудь дать мне лидерство/Headstart? Очень ценитсяКак вызвать API веб-сервиса REST из Javascript-кнопки Handler?
ответ
Ваш JavaScript:
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);
}
Ваше действие Кнопка ::
<button type="submit" onclick="UserAction()">Search</button>
Для получения дополнительной информации перейдите по следующей link (Обновлено 2017/01/11)
Синхронный XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для опыта конечного пользователя. Для получения дополнительной справки http://xhr.spec.whatwg.org/ –
Поскольку вы выполняете синхронизированный вызов, вам нужно вызвать 'xhttp.open (« POST »,« URL вашего останова здесь », false);', иначе xhttp.responseText не будет содержать результат. Но, как говорилось ранее, это будет скоро осуждаться. –
$("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);
}
});
});
Вот еще один Javascript REST API Call с аутентификацией с использованием 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. Как вызвать REST API?
- 2. Как вызвать REST API из службы Windows
- 3. Как вызвать node.js REST API из .NET
- 4. Не удается вызвать Rest Api из $ http.get
- 5. Лучший способ вызвать Rest API из angularjs?
- 6. Как вызвать API REST из приложения для Android?
- 7. Как вызвать REST из рабочего процесса jenkins
- 8. вебсервиса бросает ошибку System.ServiceModel.EndpointNotFoundException
- 9. Вызов ось вебсервиса из JQuery
- 10. Звоните REST Api из REST Api (Node.js)
- 11. Как вызвать службу REST
- 12. Как вызвать функцию удаления класса класса Handler?
- 13. Легко вызвать Rest api с RestSharp
- 14. Как вызвать службу REST из функции SQL?
- 15. Как вызвать службу HTTPS Rest из другого сервиса Rest?
- 16. Звоните API REST из C#
- 17. Как насмехаться API REST
- 18. вебсервиса в asp.net
- 19. Websphere 6 вебсервиса выпуск
- 20. вебсервиса вопрос развертывания
- 21. Как вызвать AtTask REST API с федеративным SSO (SAML2)
- 22. Вызов REST api из angular2
- 23. Идеи, как вызвать REST API после сборки Jenkins с данными?
- 24. Android извлечение данных из вебсервиса AsyncTask NullPointer
- 25. Vtiger обновление вебсервиса операция
- 26. Office 365 IOS SDK - Как вызвать API REST SharePoint
- 27. Erlang Cowboy Rest Handler для POST-запроса
- 28. отдых вебсервиса в андроиде
- 29. Как вызвать REST API в Ruby on Rails?
- 30. Транспортир: Как вызвать Rest API POST с заголовком и телом
Ваш вызов службы REST - это просто запрос на сервер, я думаю, это будет запрос ajax. Используйте jQuery, например http://api.jquery.com/jquery.ajax/ – john