1. 程式人生 > >js 遍歷json物件併為select賦值 (ajax返回的json物件)

js 遍歷json物件併為select賦值 (ajax返回的json物件)

通過ajax訪問後臺,獲取json物件,並賦值到select當中。

後臺返回的json物件如下:(以獲取快遞公司為例)

[{"code":"debangwuliu","name":"德邦物},
{code":"shunfeng","name":"順豐速遞"},
{"code":"yuantong","name":"圓通速遞"},
{"code":"yunda","name":"韻達快運"},
{"code":"yuntongkuaidi","name":"運通快遞"},
{"code":"zhongtong","name":"中通速遞"},
{"code":"zhaijisong","name":"宅急送"}
]

html程式碼:

<select id="expressCompany">
<option value="0"></option>
</select>

//獲取快遞公司

function getExpressCompany() {
  $.ajax({
  type : "post",
  url : url,    //url根據自己的專案實際定義
  async : false,
  dataType : "text",
  error : function() {
  alert("系統忙,請稍後再試!");
  return false;
  },
  success : function(text) {
  var expressCompany = $("#expressCompany");
 
  var str = '';
  var data = eval("("+text+")");;
  for(var o in data) {
str += '<option value="'+data[o].code+'">'+data[o].name+'</option>';
}
  expressCompany.append(str);
  }
  });
  }