변수를 ajax url로 설정하십시오.

Question

아약스 URL을 변수 도형으로 설정하려고합니다.

가변 res는 다른 문자열의 조합입니다. 코드를 살펴볼 수 있습니다.

<form id="frm1"> 
    <input type="text" name="fname" value="" placeholder="Update Location"> 
    </form> 
<button class="btn btn-default pull-right" onclick="loadWeather()"type="button"> 
Search 
</button> 

HTML은 여기 양식의 텍스트를 가져 오기 위해 노력하고있어.

의 .js

window.onload = loadWeather(); 

var part = "http://api.openweathermap.org/data/2.5/weather?q="; 
var a = encodeURI(part); 
var b = document.getElementById("frm1"); 
var text = b.elements[0].value; 
var urll = "&units=metric&appid=MYKEY"; 
var c = encodeURI(urll); 

var res = a + text + c; 

function loadWeather() { 
    $.ajax({ 
     url: res, 

I 그것이 정의로서 도시 콘솔에서 입술의 값을 확인

.

하나 이상의 오류 blog.js에 널 (null) 의 특성 '요소'를 읽을 수 없습니다입니다 : 7

내가 원하는 모든 최종 URL이 this-

http://api.openweathermap.org/data/2.5/weather?q=FORMDATA&units=metric&appid=MYKEY

같은 동일해야한다는 것입니다

Answer 1

코드에 논리적 오류가 있습니다. 첫 번째 줄에서 :

window.onload = loadWeather(); 

는이 기능이 다른 자바 스크립트 코드 직전에 호출을 의미 페이지로드에 loadWeather을 함수를 호출하고 있습니다. 현재 res 변수를 할당하지 않았습니다.이 변수는 함수 호출 후 나중에 채워집니다.

변수 할당 후에 함수를 호출해야합니다. 예를 들어 다음과 같이 작동합니다.

// window.onload = loadWeather(); 
var part = "http://api.openweathermap.org/data/2.5/weather?q="; 
var a = encodeURI(part); 
var b = document.getElementById("frm1"); 
var text = b.elements[0].value; 
var urll = "&units=metric&appid=MYKEY"; 
var c = encodeURI(urll); 

var res = a + text + c; 
loadWeather() 
function loadWeather() { 
    console.log(res) 
}