Jquery 纽约时报API JSON

我正在使用《纽约时报》API创建一个搜索引擎。如何获取用户输入的搜索词以包含在JSON url中？现在，只添加了单词“searchTerm”，而不是输入的文本值。有什么想法吗？请查看以下我的代码：

    $(document).ready(function(nytapi) { 


$("#searchButton").click(function(search) {

    search.preventDefault()

    // Pick up search terms written in form 
    var searchTerm = $("#searchTerm").val().trim(); 

    // Pick up number of results selected by user
    nResults = $("#recordsRetrieve").val(); 

    // Pick up start/end year
    startYear = $("#startYear").val().trim();

    endYear = $("#endYear").val().trim();

    var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json";

    url += '?' + $.param({
        'api-key': " ",
        'q': "searchTerm"

    });
    $.ajax({
        url: url, 
        method: 'GET',
    }).done(function(result) {
        console.log(result);
    // $('#output').html(JSON.stringify(result)); prints object onto page
    }).fail(function(err) {
        throw err; 
    });

    // Test to see if values are working 
    // $("#output").html(searchTerm);  
    // $("#output").html(nResults);
    // $("#output").html(endYear);  
    console.log(url); 


 });

});

您正在使用

“searchTerm”

作为参数，请更改

url += '?' + $.param({
    'api-key': "your api key",
    'q': "searchTerm"
});

到

此外，建议删除您在公共论坛上发布的代码中的敏感信息，请确保生成新的apikey

根据@charlietfl注释，还可以在ajax调用中传递数据参数

var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json";
$.ajax({
  url: url,
  method: 'GET',
  data: {
    q: searchTerm,
    'api-key': "[your key]"
  }
}).done(function(result) {
  console.log(result);
}).fail(function(err) {
  throw err;
});

---

无需手动使用

$。param

为此，将对象作为

数据

选项传递，jQuery将在内部执行此操作

var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json";
$.ajax({
  url: url,
  method: 'GET',
  data: {
    q: searchTerm,
    'api-key': "[your key]"
  }
}).done(function(result) {
  console.log(result);
}).fail(function(err) {
  throw err;
});