ssh框架ajax獲取後臺list資料簡單例子
阿新 • • 發佈：2019-01-09
一直很迷惘，ssh框架不知怎麼從前臺獲取後臺資料，折騰了兩天，終於搞清楚了 特別是關於ajax中action路徑的url搞了很久
ajax 需要以下幾個包，同時還需在webapp/web-inf/下建lib,在裡面也放入下列包，不然會報找不到方法<pre name="code" class="html">commons-beanutils-1.7.0.jar commons-collections-3.2.1.jar commons-httpclient-3.1.jar commons-lang-2.3.jar commons-logging-1.1.1.jar ezmorph-1.0.3.jar json-lib-2.2.3-jdk15.jar struts2-json-plugin-2.1.8.1.jar
</pre><pre code_snippet_id="1686553" snippet_file_name="blog_20160517_2_7526341" name="code" class="html"><img src="https://img-blog.csdn.net/20160517155514934?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
java程式碼
@Actions({@Action(value="ExpressCo",results = {@Result(name = ActionSupport.SUCCESS, location = "/EConsultApply/eConsultApply.jsp")}), })
@Namespace("") public class BasicInformationAction { public String extcute() throws Exception{ HttpServletResponse response = ServletActionContext.getResponse(); ArrayList<ExpressCo> expressColist=basicInformationServiceI.search(); JSONArray ja = JSONArray.fromObject(expressColist); //用response向前臺寫資料 response.getWriter().write(ja.toString()); response.getWriter().flush(); response.getWriter().close(); return null; } }
jsp程式碼
</pre><pre code_snippet_id="1686553" snippet_file_name="blog_20160517_5_9097287" name="code" class="html"><pre name="code" class="html"><li><label>快遞公司：</label>
<select name="CA_ECID" id="CA_ECID" type="text">
</select></li>/* jQuery.ajax({
type: "POST",
url: "",// 要請求的後臺頁面
data: "" ,// 要傳的引數
dataType:'json',
success: function(json){
},
error:function(){
alert('ajax 失敗');
}
}); */
$.getJSON("ExpressCo!extcute.action", function (data){ //當成功獲取JSON時
<pre name="code" class="javascript">$.each(data,function(i,item){ //迴圈JSON列表，如果JSON資料不是列表，就沒得迴圈了
//這裡就可以直接根據list裡的實體的屬性去取值了，比如item.UserName
//alert('ajax good');
//設定下拉列表中的值的屬性
var option = document.createElement("option");
option.value = item.EC_ID;
option.text= item.EC_NAME;
console.log(option);
//將option增加到下拉列表中。
selections.options.add(option);
});});
</pre><pre code_snippet_id="1686553" snippet_file_name="blog_20160517_5_9097287" name="code" class="html">