標籤:
jquery前台處理:var param = {a:a};$.post("*.do",param,function(data) { var columHtml = ""; $.each(data, function(i, item) {columHtml = columHtml + "<option value=‘"+item[0]+"‘>"+item[1]+"</option>" }); $("#columnid").append(columHtml); });後台:返回json 格式=========================================================================================================================prototype.js使用ajax級聯:後台返回json格式的list,前台使用ajax 處理json 和 list
前台頁面:<select name="id" id="id" onchange="aa(this.value)"><option value="0">請選擇</option></select>
js方法function aa(id){function onSuccess(response) {var data = response.responseText.evalJSON(); var colList = data.dataList;var columHtml = "";for(var i = 0;i<colList.length;i++){columHtml = columHtml + "<option value=‘"+colList[i].id+"‘>"+colList[i].colName+"</option>"} alert(columHtml);var a = $(‘columnid‘);alert(a.innerHTML); $(‘columnid‘).innerHTML = columHtml; }function onFailure(response) { alert(‘資料請求異常‘); }var params = "&websiteId="+websiteid;ajax = new Ajax.Request(‘a.do‘,{method: ‘POST‘,asynchronous: true,parameters:params,onSuccess : onSuccess,onFailure : onFailure }); }
後台action處理:JSONObject jsonObject = new JSONObject();jsonObject.put("dataList", maplist); this.getPrintWriter(jsonObject);
xml處理:<action name="a" class="AAction" method="a"><result name="success" type="json"></result></action>
prototype中的ajax非同步載入