jQuery jsonp隐藏api密钥

Question

Is there any way to use jQuery.getJSON without making the api key public? For example,

jQuery.getJSON('http://example.com/api/{API_KEY}/word', function(data) {
  // ...
});

Or is the only way to do this task on the backend?

Answer 1

You can hide your api key with PHP. Create something.php that is:

<?php
    $data = file_get_contents('http://example.com/api/{API_KEY}/word');
    echo $data;
?>

The PHP runs server-side, so the client never sees your api key. Just use the local file such as:

jQuery.getJSON('something.php', function(data) {
// ...
});