AJAX实践之与服务器通信(1)


首先看下看下相对简单些的——向服务器发送一个包含有名/值对的简单查询串,在这种情况下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啦!)

此时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 = " <pets> " ;

 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 + " <type> " + option.value + " <\/type> " ;}  }

 xml = xml + " <\/pets> " ; 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 " ,serv

本文作者:



相关阅读:
CSS Hack 有关浏览器兼容方面
tomcat怎么设置跟iis那种类似的访问密码
linux简单使用expect登陆远程计算机
Windows 2003如何应用组策略和安全模板
删除并重新安装 IIS 和 Exchange
图片onload事件触发问题解决方法
详细讲解:Linux系统GRUB的MD5加密方法
SQL Server教程:备份和恢复措施
div+css是网页排版技巧分享
php cookies中删除的一般赋值方法
Gzip在apache2中的设置和squid对它的处理方法分析
javascript 回车键后跳到下一控件
网页设计中的标点符号应用规范
FreeBSD基本系统配置2
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 “追踪决策”迎曙光 离婚账单谁来买 春日如丝,有你日子不再孤单作文350字 小学六年级作文1000字:仙女摸过桃子树 问2015爱情是否依旧是传说 在工商分局基层工作现场观摩会上的发言 2016党员先锋岗承诺书范文 ‘魔法’森林作文400字 2015霜降节气祝福短语大全 人类啊,救救我们吧作文700字 岁月流逝,我只爱着你 母亲镶牙(小小说) 记忆中的那轮圆月 生命中最应该感谢的十个人 黄草峡听柔之琴二首 形容痴情的诗句 初中初一作文650字:当眼泪划过脸颊 让阳光住进心里 相爱如同咀嚼(组诗) 森林里的故事作文600字 你是我心里,最美的风景(7) 践行科学发展观实现区域教育弯道超越 品味书香,释放激情 理清思路勇于创新构建企业快速发展新平台 莫忘作文600字 买东西200字作文 人生,这杯酒 【小宝贝】      你永远都是我的永远。 享受内心的安宁 变坏是从变蠢开始的 背上的天 过生日450字 精彩闭幕式主持词 净化校园环境演讲稿 月食600字 小学2015年春季期教师读书活动总结 -第一框 主要矛盾和根本任务 初中初一作文350字:帮爸爸借烟 写给那个不知道的你 大学生暑假支教社会实践报告范文 自由之翼作文400字 感恩节来历 20165月党课思想汇报:党课小点滴 过度而反,适度得当 小学六年级作文450字:我是一只正义的狗 淡淡的回忆1500字 重庆奶业现状调查报告:奶业发展大有潜力 死是什么作文300字 假如我是校长作文200字 淡忘了的端午节作文

Copyright © 2016 phpStudy |