求人情報を検索すると給与の情報も取得できます。ここでは給与を表示させてみましょう。
給与は数値ではなく文字列になっています。給与を示す文字列はOfferタグ内のPayTextタグにあります。このPayTextタグの最初のノードの値を読み出せば給与情報を取得することができます。（実際の
サンプルを実行する）
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>フロムエー・ナビ Ajaxサンプル</title>
<style type="text/css"><!--
h1 {
font-size:18pt;
color:white;
background-color:#006;
width:640px;
}
h2 {
font-size:11pt;
color:black;
background-color:#ddd;
width:640px;
margin-bottom:0px;
}
p {
font-size:8pt;
color:#f44;
width:630px;
margin-top:0px;
margin-bottom:30px;
padding:4px;
border:1px solid gray;
border-top:0px solid gray;
}
--></style>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function getList()
{
var myKey = "api_key=3awyo24gh29hp6k31z8b210k44nac0f6";
var findType = "ksjcd=10"; // 検索軸＝職種から
var jobType = "nv_jb_type_cd=108"; // 職種番号
var reqURL = "http://xml.froma.com/s/r/jobSearch.jsp?"+myKey+"&"+findType+"&"+jobType;
new Ajax.Request("getXML.rb?"+reqURL, { method: "get", onComplete: displayData });
}
function displayData(httpObj)
{
var xmlObj = httpObj.responseXML;
var offerTag = xmlObj.getElementsByTagName("Offer");
var txt = "";
for (var i=0; i<offerTag.length; i++)
{
var corpName = offerTag[i].getElementsByTagName("CorporateName")[0].firstChild.nodeValue;
var money = offerTag[i].getElementsByTagName("PayText")[0].firstChild.nodeValue;
txt += "<h2>"+corpName+"</h2><p>"+money+"</p>";
}
$("result").innerHTML = txt;
}
// --></script>
</head>
<body>
<h1>フロムエー・ナビ Ajaxサンプル (給与を表示)</h1>
<form>
<input type="button" value="求人情報取得" onClick="getList()">
</form>
<div id="result"></div>
</body>
</html>
[
目次へ]
(2006.6.17)