幾個月前,寫了一遍記錄 js調用後台方法的部落格,地址為:http://blog.csdn.net/duanml61/article/details/7912933
一些同學看到之後,發現還是無法滿足需求,為此,這篇詳解js和後台之間的參數傳遞問題
第一步:建立一個html頁面,引入jquery-1.7.min.js,其他的版本未測試,應該差不多
<!DOCTYPE html><html><head><title>portrait</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script language="javascript" src="jquery-1.7.min.js"type="text/javascript"></script></head><body></body></html>
第二步:建立servlet,doGet()或doPost()方法中執行相關後台操作,得到傳回值
public void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {PrintWriter out = response.getWriter();String userPortrait = portraitHandle.queryPortraitSet(request.getParameter("jid"));out.print(userPortrait);}
out.print(userPortrait);這句將後台得到的userPortrait參數傳到js回呼函數中
第三步:寫ajax方法
function initUserPortrait() {$.ajax({type : "POST",async : false,contentType : "application/json",url : "PortraitServlet",dataType : 'text',success : function(data) {document.getElementById("portrait").src = data;}});}
很短很簡單……完
p.s.這篇應該2012最後一篇部落格了,但願新的2013年能夠幸運些,找到一份好工作~~
dml@2012.12.28