標籤：style blog http java 使用 os io 2014
原生的ajax編寫起來是相當麻煩的一件事情，我們不僅僅要處理不同瀏覽器下的XMLHttpRequest對象不同的初始化，還需要識記大量的XMLHttpRequest對象的屬性和方法，而且做的很多都是重複性的工作，就如同jdbc的實現方式是一樣的，JDBC有很多固定的模式，所以不管是Hibernate還是Ibatis亦或是Spring都使用模板模式來封裝了大量相同的調用，讓整個方法變得更加容易使用。對於程式員來說，這些都是一些非常好的事情，因為再也不用重複造輪子了，重複造輪子，成本高，效能也未必與成本成正比，所以，作為一個程式員，應當始終明確自製與採購的抉擇，如同任老闆說的：”我們技術人員不要對技術有宗教般的崇拜，只有賣出去的技技術才有價值“，所以HW提倡的在技術上只領先那麼一點點，是非常有道理的，君不見曾經的貝爾實驗室，終究還是煙消雲滅。尤其要注意的是，load方法第一個參數，url後面可以增加一個空格，然後寫過濾的內容，例如，上面的我們就可以寫成”url span“，就是告訴jQuery，我們得到了返回的html文檔之後，僅僅是需要其中的span元素。這個是一個相當實用的方法。對於load的第二個參數，如果為空白的話，jQuery會非常智能的將這次ajax採用get方法來進行傳送，如果裡面是含有參數的，那麼就會自動的實用POST進行參數的轉寄。（TOBO驗證，如果url的後面通過？name=value來傳遞函數，會實用post還是get？）。第三個參數是回呼函數，其實回呼函數在實際的開發當中是非常有用的，因為我們總不能保證所有的ajax請求都能得到正確的相應，這一點可以看一下jQuery的官方文檔，對回呼函數預設的三個參數有明確的認識，這個非常重要。
server端的DEMO代碼如下：
package com.samsung.servlet;import java.io.IOException;import java.util.ArrayList;import java.util.List;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class TestServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {doPost(req, resp);}@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {String name = req.getParameter("name");String address = req.getParameter("address");StringBuffer sb = new StringBuffer();sb.append("<div><span>hi! nice to meet you! ");sb.append(name).append(",(");sb.append(address).append("),");sb.append("how are you getting along?</span></div>");resp.getWriter().print(sb.toString());}}
前端的DEMO代碼如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <script type="text/javascript" src="jquery-1.8.3.js"></script><script type="text/javascript">$(function(){$("#getContentByAjax").click(function(){$("#showText").load("test span",{name:"czz",address:'address'},callBack);});function callBack(){alert('Ajax finish');}}); </script> </head> <body> <div id="showText"></div> <input type="button" id="getContentByAjax" value="sendAjax"> </body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
