filmov
tv
Calling live json web service using jquery ajax
Показать описание
Link for all dot net and sql server video tutorial playlists
Link for slides, code samples and text version of the video
Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
In this video we will discuss how to call a live weather web service that returns JSON data using jquery ajax.
For the purpose of this demo, we will be using the live weather web service that returns JSON data. The web service can be found at the following URL.
We want to retrieve weather data from the web service and display it on a web page.
Here is the HTML and jQuery code used in the demo
<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
$('#btnGetWeather').click(function () {
var resultElement = $('#resultDiv');
var requestData = $('#txtCity').val() + ',' + $('#txtCountry').val();
$.ajax({
method: 'get',
data: { q: requestData },
dataType: 'json',
success: function (response) {
}
else {
}
},
error: function (err) {
alert(err);
}
});
});
});
</script>
</head>
<body style="font-family:Arial">
<table>
<tr>
<td>City</td>
<td><input type="text" id="txtCity" /></td>
</tr>
<tr>
<td>Country</td>
<td><input type="text" id="txtCountry" /></td>
</tr>
</table>
<input type="button" id="btnGetWeather" value="Get Weather Data">
<br /><br />
<div id="resultDiv">
</div>
</body>
</html>
Link for slides, code samples and text version of the video
Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
In this video we will discuss how to call a live weather web service that returns JSON data using jquery ajax.
For the purpose of this demo, we will be using the live weather web service that returns JSON data. The web service can be found at the following URL.
We want to retrieve weather data from the web service and display it on a web page.
Here is the HTML and jQuery code used in the demo
<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
$('#btnGetWeather').click(function () {
var resultElement = $('#resultDiv');
var requestData = $('#txtCity').val() + ',' + $('#txtCountry').val();
$.ajax({
method: 'get',
data: { q: requestData },
dataType: 'json',
success: function (response) {
}
else {
}
},
error: function (err) {
alert(err);
}
});
});
});
</script>
</head>
<body style="font-family:Arial">
<table>
<tr>
<td>City</td>
<td><input type="text" id="txtCity" /></td>
</tr>
<tr>
<td>Country</td>
<td><input type="text" id="txtCountry" /></td>
</tr>
</table>
<input type="button" id="btnGetWeather" value="Get Weather Data">
<br /><br />
<div id="resultDiv">
</div>
</body>
</html>
0:09:03
Calling live json web service using jquery ajax
0:06:35
Learn Fetch API In 6 Minutes
0:13:52
How to call SOAP & JSON ASP.NET Web services from JQUERY (AJAX)
0:09:20
Example Webservice / API call- Exporting JSON and binary data from SmartSheets
0:10:48
Calling ASP NET Web API service in a cross domain using jQuery ajax
0:01:32
jQuery : How do you call a JSON web service, that requires basic authentication, using jQuery?
0:03:55
How a REST API call works in Delphi
0:12:00
Learn JSON in 10 Minutes
0:50:28
Build a Smart AI Task Organizer with Latenode!
0:29:14
How To Call a REST API In Java - Simple Tutorial
0:01:15
HTML : Prevent others from calling your JSON web service
0:05:01
82 Importing Data from REST APIs | Other Data Sources | Power BI
0:06:30
JSON Web Token Hacking
3:07:07
APIs for Beginners 2023 - How to use an API (Full Course / Tutorial)
0:04:21
Top 6 Most Popular API Architecture Styles
0:09:28
Call web api service with basic authentication using jquery ajax
0:15:47
Part 2 Consuming a web service
0:02:41
How the Backend works? Server, Application, Database, and API ( by CodeON Jason K )
0:04:31
Monitor Api Requests in chrome browser| Api Testing| How to find api details in chrome #TestingGyan
2:34:40
Rest API | Web Service Tutorial
0:08:08
How To Connect Api With WordPress
0:09:20
How REST APIs support upload of huge data and long running processes | Asynchronous REST API
0:07:24
Difference Between REST API vs Web API vs SOAP API Explained
0:04:56
What is an API (in 5 minutes)
Комментарии