亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > AJAX > 正文

AJAX編程實踐之與服務器通信

2024-09-01 08:26:11
字體:
來源:轉載
供稿:網友

  首先看下看下相對簡單些的--向服務器發送一個包含有名/值對的簡單查詢串,在這種情況下XHP即可以用GET也可以用POST。

GET

function doRequestUsingGET() {
 createXMLHttpRequest();

 var queryString = " GetAndPostExample? " ;
 queryString = queryString createQueryString() " &timeStamp= " new Date().getTime();
 xmlHttp.onreadystatechange = handleStateChange;
 xmlHttp.open( " GET " , queryString, true );
 xmlHttp.send( null );
}

POST

function doRequestUsingPOST() {
 createXMLHttpRequest();

 var url = " GetAndPostExample?timeStamp= " new Date().getTime();
 var queryString = createQueryString();

 xmlHttp.open( " POST " , url, true );
 xmlHttp.onreadystatechange = handleStateChange;
 xmlHttp.setRequestHeader( " Content-Type " , " application/x-www-form-urlencoded " );
 xmlHttp.send(queryString);
}
  queryString就是名/值對的參數形式了(如name=LiLin&age=23),在調用OPEN方法中,當請求方法是用POST的時候為了確保服務器知道請求體中有請求參數,需要調用setRequestHeader,將Content-Type值設置為application/x-www-form-urlencoded.當然也可不放在請求體中(那就不要用POST啦?。?BR>
  此時server處理:

import java.io. * ;
import java.net. * ;
import javax.servlet. * ;
import javax.servlet.http. * ;

public class GetAndPostExample extends HttpServlet {

 protected void processRequest(HttpServletRequest request, HttpServletResponse response, String method)
throws ServletException, IOException {

  // Set content type of the response to text/xml
  response.setContentType( " text/xml " );

  // Get the user's input
  String firstName = request.getParameter( " firstName " );
  String middleName = request.getParameter( " middleName " );
  String birthday = request.getParameter( " birthday " );

  // Create the response text
  String responseText = " Hello " firstName " " middleName
" . Your birthday is " birthday " . "
" [Method: " method " ] " ;

  // Write the response back to the browser
  PrintWriter out = response.getWriter();
  out.println(responseText);

  // Close the writer
  out.close();
 }

 protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
  // Process the request in method processRequest
  processRequest(request, response, " GET " );
 }

 protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
  // Process the request in method processRequest
  processRequest(request, response, " POST " );
 }
}
  對get and post方法都用processRequest來處理。

  要向服務器發送相關復雜的查詢串,可以將模型變化為XML發送到server 。

  client端:

function createXML() {
 var xml = "

" ;

 var options = document.getElementById( " petTypes " ).childNodes;
 var option = null ;
 for ( var i = 0 ; i < options.length; i ) {
  option = options[i];
  if (option.selected) {
   xml = xml " " option.value " " ;
  }
 }

 xml = xml " " ;
 return xml;
}

function sendPetTypes() {
 createXMLHttpRequest();

 var xml = createXML();
 var url = " PostingXMLExample?timeStamp= " new Date().getTime();

 xmlHttp.open( " POST " , url, true );
 xmlHttp.onreadystatechange = handleStateChange;
 xmlHttp.setRequestHeader( " Content-Type " , " application/x-www-form-urlencoded " );
 xmlHttp.send(xml);
}
  createXML方法無非就是將內容以DOM的樣式存到var xml(變量)里。有時也可能出現client直接將本地的一個XML文件直接以DOM(當然可以edit)的樣式傳送.(也放這個時個的Content-Type應該為text/xml了!)這時可能要用到ActiveXObject("MSXML2.DOMDocument.3.0")這樣一個控件了。

  關于這個控件有個方法可以在各broswer中通用的JS代碼:

// --------------------------------------------------------------------
// Function: CreateXMLDOM
//
// Purpose: Creates a new XML DOM.
//
// Parameters: None
//
// Returns: XMLDOM object OR null
// --------------------------------------------------------------------
function CreateXmlDOM()
{
 var oXML = new ActiveXObject(GetXmlParserProgID());
 try
 {
  oXML.setProperty( " AllowXsltscript " , true );
 }
 catch (err) {}

 oXML.async = false ;
 oXML.validateOnParse = false ;
 oXML.resolveExternals = false ;
 oXML.setProperty( " SelectionLanguage " , " XPath " );
 try {oXML.setProperty( " NewParser " , true );} catch (e) {}

 return oXML;
}

// ----------------------------------------------------
// Function: GetXmlParserProgID
//
// Purpose:
// Gets the ProgID of the highest available version of the
// Microsoft XML parser.
//
// Parameters: None
//
// Returns: String (i.e. "Msxml2.DOMDocument.4.0")
//
// ----------------------------------------------------
function GetXmlParserProgID()
{
 var MAX_MAJOR_PARSER_VERSION = 10 ;
 var MIN_MAJOR_PARSER_VERSION = 0 ;
 var MAX_MINOR_PARSER_VERSION = 9 ;
 var MIN_MINOR_PARSER_VERSION = 0 ;

 var sProgID = g_sXmlParserProgID;
 var bFound = false ;

 if ( ! sProgID)
 {
  // Iterate through possible versions
  for ( var nMajor = MAX_MAJOR_PARSER_VERSION; nMajor >= MIN_MAJOR_PARSER_VERSION; nMajor -- )
  {
   for ( var nMinor = MAX_MINOR_PARSER_VERSION; nMinor >= MIN_MINOR_PARSER_VERSION; nMinor -- )
   {
    // Set up the classname for the version that we're trying to instantiate
    sProgID = " Msxml2.DOMDocument. " nMajor " . " nMinor;

    try
    {
     if ( new ActiveXObject(sProgID))
     {
      bFound = true ;
      break ;
     }
    }
    catch (e)
    {}
   }

   if (bFound)
   {
    // store in a global variable to speedup subsequent calls
    g_sXmlParserProgID = sProgID;
    break ;
   }
  }
 }

 return sProgID;
}

  然后直接用其load方法(本地)。

var xmlDoc = new ActiveXObject( " MSXML2.DOMDocument.3.0 " );
xmlDoc.load(local_XML_FileName);
  當然也可以直接從server取來(用get方法即可),然后以responseText的方法

xmlht.Open( " GET " ,server_XML_FileName, true );
xmlht.onreadystatechange = stateChange;
xmlht.Send( null );

function handleStateChange() {
 if (xmlHttp.readyState == 4 ) {
  if (xmlHttp.status == 200 ) {
   xmlDoc.loadXML(xmlht.responseText);
  }
 }
}
  實際上xmlDoc.loadXML(xmlht.responseText)所得到的就是一個于內存中的DOM了,而直接用responseXML的話就直接可以解析為一個DOM了!(注意load(FILE)與loadXML(DOM)是不同的)

  此時servert process :

import java.io. * ;
import javax.servlet. * ;
import javax.servlet.http. * ;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import org.w3c.dom.Document;
import org.w3c.dom.NodeList;
import org.xml.sax.SAXException;

public class PostingXMLExample extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

String xml = readXMLFromRequestBody(request);
Document xmlDoc = null ;
try {
xmlDoc =
DocumentBuilderFactory.newInstance().newDocumentBuilder()
.parse( new ByteArrayInputStream(xml.getBytes()));
}
catch (ParserConfigurationException e) {
System.out.println( " ParserConfigurationException: " e);
}
catch (SAXException e) {
System.out.println( " SAXException: " e);
}

/**/ /* Note how the Java implementation of the W3C DOM has the same methods
* as the javascript implementation, such as getElementsByTagName and
* getNodeValue.
*/
NodeList selectedPetTypes = xmlDoc.getElementsByTagName( " type " );
String type = null ;
String responseText = " Selected Pets: " ;
for ( int i = 0 ; i < selectedPetTypes.getLength(); i ) {
type = selectedPetTypes.item(i).getFirstChild().getNodeValue();
responseText = responseText " " type;
}

response.setContentType( " text/xml " );
response.getWriter().print(responseText);
}

private String readXMLFromRequestBody(HttpServletRequest request) {
StringBuffer xml = new StringBuffer();
String line = null ;
try {
BufferedReader reader = request.getReader();
while ((line = reader.readLine()) != null ) {
xml.append(line);
}
}
catch (Exception e) {
System.out.println( " Error reading XML: " e.toString());
}
return xml.toString();
}
}
  DOM,JDOM,JAXP隨便你自己選好了!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久av.com| 91av免费观看91av精品在线| 国产精彩精品视频| 97精品视频在线观看| 中文字幕综合一区| 亚洲一区二区三区在线视频| 91免费视频网站| 91tv亚洲精品香蕉国产一区7ujn| 日韩国产激情在线| 川上优av一区二区线观看| 欧美成人免费小视频| 国产精品爱啪在线线免费观看| 国产精品亚发布| 91福利视频网| 精品国产鲁一鲁一区二区张丽| 中日韩午夜理伦电影免费| 精品动漫一区二区| 亚洲最新视频在线| 久久99精品视频一区97| 国产大片精品免费永久看nba| 国产成人精品久久二区二区| 欧美国产在线视频| 国产黑人绿帽在线第一区| 日韩免费视频在线观看| 成人黄色午夜影院| 亚洲精品在线观看www| 国产欧美精品在线| 欧美日韩美女视频| 欧美孕妇孕交黑巨大网站| 久久久www成人免费精品| 亚洲第一区中文字幕| 久久免费少妇高潮久久精品99| 欧美在线激情网| 久久精品久久久久| 永久免费精品影视网站| 日韩欧美在线免费观看| 国产亚洲精品日韩| 精品久久久久久久大神国产| 中文一区二区视频| 欧洲美女7788成人免费视频| 欧美激情在线观看| 成人性生交xxxxx网站| 国产精欧美一区二区三区| 成人免费观看a| 久久视频免费在线播放| 日韩av大片在线| 中文字幕av一区中文字幕天堂| 日韩av理论片| 国产亚洲一区二区精品| 欧美综合国产精品久久丁香| 91精品视频在线看| 欧美电影免费观看高清完整| 91精品久久久久久久久久久| 国产欧美日韩精品专区| www国产亚洲精品久久网站| 久久久久久久一区二区| 国产精品综合久久久| 成人免费在线视频网站| 亚洲国产成人久久综合| 亚洲精品国产电影| 国产91色在线|| 精品久久久久久久久久久久久久| 日韩专区中文字幕| 国产乱肥老妇国产一区二| 欧美激情奇米色| 欧美xxxx做受欧美.88| www.亚洲一二| 国产精品自在线| 美女精品久久久| 欧美日韩亚洲视频| 亚洲精品日韩久久久| 久久精品国产69国产精品亚洲| 一区二区在线视频播放| 欧美黄网免费在线观看| 国产一区二区香蕉| 国产精品自拍小视频| 日韩视频在线一区| 欧美性猛交丰臀xxxxx网站| 一本大道久久加勒比香蕉| 日本久久久久亚洲中字幕| 亚洲va欧美va国产综合剧情| 色噜噜亚洲精品中文字幕| 日韩亚洲第一页| 亚洲欧美国产精品久久久久久久| 在线视频亚洲欧美| 秋霞成人午夜鲁丝一区二区三区| 国产精品久久久久久亚洲影视| 欧美午夜电影在线| 欧美成年人视频| 亚洲欧美日韩天堂| 91高清视频在线免费观看| 成人在线激情视频| 亚洲午夜av电影| 欧美美最猛性xxxxxx| 亚洲精品一区二区网址| 高清在线视频日韩欧美| 欧美xxxx14xxxxx性爽| 成人美女av在线直播| 久久久亚洲天堂| 在线观看视频99| 成人黄色生活片| 午夜精品久久久久久久久久久久| 日韩中文在线视频| 激情久久av一区av二区av三区| 在线视频国产日韩| 日韩中文字幕国产| 国产精品免费久久久| 精品无人区太爽高潮在线播放| 在线观看亚洲视频| 久久精品国产欧美亚洲人人爽| 亚洲va久久久噜噜噜| 精品美女国产在线| 国产在线久久久| 亚洲欧美一区二区精品久久久| 欧美日韩国产成人高清视频| 国产91精品久久久久久久| 欧美巨猛xxxx猛交黑人97人| 成人性教育视频在线观看| 国产精品欧美一区二区三区奶水| 亚洲精品成人免费| 亚洲影院色在线观看免费| 国产精品视频地址| 日韩电视剧免费观看网站| 中文字幕欧美视频在线| 精品成人在线视频| 精品美女国产在线| 在线视频欧美日韩精品| 国产精品久久久久久久久久久不卡| 国产精品久久9| 97免费中文视频在线观看| 日韩有码在线观看| 96sao精品视频在线观看| 久久伊人精品一区二区三区| 亚洲图片制服诱惑| 欧洲日韩成人av| 久久伊人精品一区二区三区| 欧美亚洲成人xxx| 中文字幕在线看视频国产欧美| 欧美成人精品h版在线观看| 91国内产香蕉| 日本一区二区在线免费播放| 欧美床上激情在线观看| 国产精品自拍偷拍视频| 色老头一区二区三区在线观看| 69av视频在线播放| 国内精品一区二区三区| 欧美色视频日本版| 亚洲精品一区二区在线| 国模精品视频一区二区三区| 成人久久一区二区| 91福利视频在线观看| 97在线免费观看视频| 欧美电影电视剧在线观看| 九色精品免费永久在线| 久久久av亚洲男天堂| 日韩女在线观看| 国产剧情久久久久久| 正在播放国产一区| 久久五月天色综合| 日韩毛片在线看| 日韩精品视频三区| 国产精品福利片| 欧美黑人一区二区三区| 国产精品久久久av久久久|