API を呼び出して、json 形式でいくつかの値を取得しています。API から取得した応答に基づいて、クライアント側で一部のユーザーを制限したいと考えています。たとえば、ユーザーがゲストの場合、購読ボタンは表示されません。それ以外の場合は表示されます。開発者ポータルでは、DotLiquid ビュー エンジンを使用します。今、これを dotliquid でどのように使用できるかという質問が 1 つあります。これは、Jqueryを使用してデータを取得し、javascriptを使用してクライアント側でユーザーを制限する私のコードです
コード
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<script>
var root = 'https://maps.googleapis.com/maps/api/geocode/json?address=1600+Amphitheatre+Parkway,+Mountain+View,+CA&sensor=false';
$(document).ready(function () {
var showData1;
$('#get-data').click(function () {
var showData;
jQuery.ajax({
url: "https://httpbin.org/get",
dataType:'json',
success:function(response)
{
$('#a').html(response.origin );
$('#b').html(response.url );
if(response.url=="https://httpbin.org/get"){
$("#a").fadeOut(1000);
}
}
});
showData.text('Loading the JSON file.');
});
});
</script>
<!DOCTYPE html>
<a href="#" id="get-data">Get JSON data</a>
<div id="show-data"></div>
<p id="a"></p>
<p id="b"></p>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>