입력 문자열을 사용하여 쿼리 문자열에 매개 변수를 추가하는 방법

api new york times 검색 엔진으로 작업 할 때 내 질문이 간단합니다. HTML로 입력 된 텍스트를 사용하여 내 URL의 매개 변수를 변경하고 싶습니다. 어떻게 할 수 있습니까? 끝 날짜와 정렬은 매개 변수 중 하나입니다. html의 입력 필드를 사용하여 문자열을 어떻게 변경할 수 있는지 알고 싶습니다. 여기 내 코드의 사본 :입력 문자열을 사용하여 쿼리 문자열에 매개 변수를 추가하는 방법

HTML :

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <link rel='stylesheet' type="text/css" href="nyt.css"> 
    <link rel='stylesheet' type="text/css" href="font.css"> 
    <link rel='stylesheet' type="text/css" href="grille.css"> 
</head> 
<body> 
    <div class='container'> 
     <button type="submit" id='searchButton'></button> 
     <input type="text" id='searchTerm' placeholder="search"> 
    </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src='nyt.js'></script> 
</body> 
</html>

JS : 당신은 너무처럼 "값"속성으로 입력 필드의 값을 얻을 수 있습니다

var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json"; 
var searchTerm = document.getElementById('searchButton'); 
url += '?' + $.param({ 
    'api-key': "[API KEY]", 
    'end_date': "19440606", 
    'sort': "newest" 
}); 
$.ajax({ 
    url: url, 
    method: 'GET', 
    q: searchTerm, 
}).done(function(result) { 
    console.log(result); 
}).fail(function(err) { 
    throw err; 
});

출처

2017-03-04 CELB

var searchTerm = document.getElementById('searchButton').value;

도 참조하십시오. JavaScript: how to get value of text input field?

출처

2017-03-04 10:37:17

감사합니다. – CELB

function sendRequest(searchTerm) { 
    var url = "https://api.nytimes.com/svc/search/v2/articlesearch.json"; 
    url += '?' + $.param({ 
    'api-key': "[API KEY]", 
    'end_date': "19440606", 
    'sort': "newest" 
    }); 
    console.log(searchTerm); 
    return $.ajax({ 
    url: url, 
    method: 'GET', 
    q: searchTerm, 
    }); 
} 

document.querySelector('#searchButton').addEventListener('click', function(e){ 
    e.preventDefault(); 
    var query = document.querySelector('#searchTerm').value.trim(); 

    if (query.length > 0) { 
    sendRequest(query) 
     .done(function(result) { 
     console.log(result); 
     }).fail(function(err) { 
     throw err; 
     }); 
    } 
})

출처

2017-03-04 10:58:18 caisah

입력 문자열을 사용하여 쿼리 문자열에 매개 변수를 추가하는 방법

답변

관련 문제