AJAX编程实践之与服务器通信- AJAX技术

当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > AJAX编程实践之与服务器通信

AJAX技术: Ajax并不神秘：揭下各种Ajax控件和类库的小裤衩; AJAX技术基础介绍; 浏览器跨域获取Lrc歌词数据的解决办法; Ajax Hacks chm文件与源代码下载; AJAX在Post中文的时候乱码的解决方法; Ajax中要注意的问题; ajax+php中文乱码解决办法; 建一个XMLHttpRequest对象池; [js]轻便的XMLHttpRequest应用函数：downloadUrl(); Ajax 无刷新在注册用户名时的应用的代码; 发现个AJAX图片浏览器SIMPLEVIEWER; AJAX中同时发送多个请求XMLHttpRequest对象处理方法; Ajax实现无刷新三联动下拉框; Ajax in action 英文版配书源码下载; ajax视频课件在线观看地址; 强烈推荐 - Ajax 技术资源中心; DWR util.js 学习笔记整理; Ajax案例集下载：新增分页查询案例（包括《Ajax开发精要》中的两个综合案例）下载; .NET2.0环境下的Ajax选型和应用（提供Demo源码下载）; AJAX防止页面缓存的代码

No. « ‹ 3 4 5 6 › »

技术文章搜索

关键字

AJAX技术中的 AJAX编程实践之与服务器通信

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-03 浏览: 74 ::

收藏到网摘: n/a

开发保留标准浏览器功能的AJAX应用程序 AJAX并不神秘：揭密各种AJAX控件和类库

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

开发保留标准浏览器功能的AJAX应用程序 AJAX并不神秘：揭密各种AJAX控件和类库

AJAX技术 中的 AJAX编程实践之与服务器通信

评论 (0) All

AJAX技术中的 AJAX编程实践之与服务器通信