ajax前台及后台传值调用

最新推荐文章于 2021-08-05 16:22:30 发布

原创最新推荐文章于 2021-08-05 16:22:30 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #action #function

IT技术专栏收录该内容

5 篇文章

订阅专栏

本文详细解析了JS中获取飞机型号列表的代码实现，并通过Action方法在后台进行数据查询和处理，最终生成可供选择的飞机型号下拉列表。

这是js中的代码

function getp PlaneNumList() {
  var planeTypeId = document
    .getElementById("qualityValuation.fkPlaneTypeId.id").value;
  $.ajax({
     type : 'post',//可选get
     url : 'qualityvaluation/fm_getPlaneNumListByplaneTypeId.do?planeTypeId='
       + planeTypeId,
     dataType : 'html',//服务器返回的数据类型可选XML ,Json jsonp script html text等
     success : function(data) {
      document.getElementById("planeNum").innerHTML = data;

//"planeNum" 是<span id="planeNum"></span>
}
});
}

这是 Action 中的代码

public void getPlaneNumListByplaneTypeId() throws Exception {
  //机号的集合
  HqlBuilder hqlPlaneNumber = new HqlBuilder("select sdd from SysDataDictionary sdd where 1=1");
  hqlPlaneNumber.append(" and sdd.parentDD.id=:planeTypeId").setParam("planeTypeId", planeTypeId);
  planeNumberList = dataDictionaryService.findList(hqlPlaneNumber);

  String planeNumHtml = "<select name=\"qualityValuation.fkPlaneNumberId.id\"><option>---请选择---</option>";
  for (SysDataDictionary sdd : planeNumberList) {
   planeNumHtml += "<option value=\""+sdd.getId()+"\">"+sdd.getDdName()+"</option>";
  }
  planeNumHtml += "</select>";
  Renders.renderHtml(planeNumHtml);
}