jquery ajax getjson示例
时间：2020-02-23 14:46:04 来源:igfitidea点击:
JQuery Ajax GetJSON方法用于使用HTTP Get方法从服务器加载JSON数据。
让我们通过GetJSON方法的语法。
jQuery.getJSON( url [, data ] [, success ] )
URL：在服务器数据上获取请求的URL：要使用请求发送到服务器的数据。
成功：当请求成功时，回调函数已执行。
我们发送的数据将以查询字符串的形式发送。
jquery getjson示例：
允许首先创建名为country.json的json文件，我们将从服务器读取。
Country.json.
{
"countryName" : "Netherlands",
"population" : 10000
}
允许创建名为jquertigetjson.htmlHTML文件。
<!DOCTYPE>
<html>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<head>
<title>getJson example</title>
<script src="http://code.jquery.com/jquery-2.2.3.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("button").click(function(event){
$.getJSON("country.json", function(country) {
$("#getJsonDiv").html('<p> Name: ' + country.countryName + '</p>');
$("#getJsonDiv").append('<p>Population : ' + country.population+ '</p>');
});
});
});
</script>
</head>
<body>
<div id="getJsonDiv">
jQuery ajax getJSON example
</div>
<button>Get country data</button>
</body>
</html>
允许在服务器上部署HTML文件并发送GetJSON请求。
解释：
- $(文档).ready(函数()：加载完全DOM时，将在此函数调用。
- $("按钮")。单击(函数(事件)：单击"获取国家/地区数据"按钮时会调用此函数。
- $.getjson("country.json"，function(country)：其中我们调用getjson方法，URL是"country.json"。当请求成功完成时，将调用回调函数。
