2016-04-23 10 views
1

JSONからURLを取得できませんでしたが、試してみるとundefinedと表示されています。何かアドバイス?以下はJSONからURLを取得できませんでした。試してみると、未定義と表示されています。何かアドバイス?

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" ></meta> 
<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script> 

function a() 
{ 
$.getJSON("https://tbe.taleo.net/MANAGER/dispatcher/api/v1/serviceUrl/UDAY",function(data) { alert(JSON.stringify(data));}); 
} 
</script> 
</head> 
<body> 
<input type="button" value="GET JSON" onclick="a()"/> 
</body> 
</html> 

私はURL値に

{ 
    "response": { 
     "URL": "https://chm.tbe.taleo.net/chm02/ats/api/v1/" 
    }, 
    "status": { 
     "detail": {}, 
     "success": true 
    } 
} 

を取得しようとしていたからJSONはこれを行うには良い方法はありますか?そして私は、機能として、変数宣言を使用していない私は、関数宣言

<html lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" ></meta> 
<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script> 
window.onload = function a(){ 
$.getJSON("https://tbe.taleo.net/MANAGER/dispatcher/api/v1/serviceUrl/UDAY",function(data) { 
      var innerHtml = ""; 
      document.getElementById("CWS_URL").href=(data.response.URL).substr(0,(data.response.URL).indexOf("ats"))+"ats/careers/jobSearch.jsp?cws=1&org=UDAY"; 
      }); 
} 
</script> 
</head> 
<body> 
<a href="#" id ="CWS_URL" >Careers</a> 
</body> 
</html> 
+1

'getJSON'のコールバックで、' alert(data.response.URL) ' – Tushar

+0

'未定義 'と表示されていますか?コードサンプルが機能し、試したことを説明していないので、間違ったやり方とその修正方法を説明するのは本当に難しいです。 – JDB

答えて

1

完全なサンプルの後に意味中括弧の後にセミコロンを使用しなければならない:

<script src="https://code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

    $(function() { 

     $('#btn').click(function() { 

      $.getJSON(
       'https://tbe.taleo.net/MANAGER/dispatcher/api/v1/serviceUrl/CODE', 
       function(data) { 

        alert(data.response.URL); 
       } 
      ); 
     }); 
    }); 

</script> 
<input type="button" id="btn" value="Get JSON"> 

結果:https://jsfiddle.net/logual/mpmzpcfL/

jQueryが利用可能な場合は、JavaScriptのイベント指示を使用しないでください。例:onclick="a()"。 HTMLコードから削除します。

+1

HTML属性を削除する理由を説明すると便利です... http://philipwalton.com/articles/decoupling-html-css-and-javascript/ – JDB

関連する問題