Ajax¼òµ¥ÊµÀý
Ajax£¬Òì²½JavaScriptÓëXML£¬ÊÇʹÓÿͻ§¶Ë½Å±¾ÓëWeb·þÎñÆ÷½»»»Êý¾ÝµÄWebÓ¦Óÿª·¢·½·¨¡£ÕâÑù£¬WebÒ³Ãæ²»Óôò¶Ï½»»¥Á÷³Ì½øÐÐÖØÐ¼Ӳ㬾ͿÉÒÔ¶¯Ì¬µØ¸üС£Ê¹ÓÃAjax£¬Äã¿ÉÒÔ´´½¨½Ó½ü±¾µØ×ÀÃæÓ¦Óõģ¬Ö±½ÓµÄ¡¢¸ß¿ÉÓõġ¢¸ü·á¸»µÄ¡¢¸ü¶¯Ì¬µÄWebÓû§½Ó¿Ú½çÃæ¡£
Ajax´¦Àí¹ý³Ì
Ò»¸öAjax½»»¥´ÓÒ»¸ö³ÆÎªXMLHttpRequestµÄJavaScript¶ÔÏó¿ªÊ¼¡£ÈçͬÃû×ÖËù°µÊ¾µÄ£¬ËüÔÊÐíÒ»¸ö¿Í»§¶Ë½Å±¾À´Ö´ÐÐHTTPÇëÇ󣬲¢ÇÒ½«»á½âÎöÒ»¸öXML¸ñʽµÄ·þÎñÆ÷ÏìÓ¦¡£Ajax´¦Àí¹ý³ÌÖеĵÚÒ»²½ÊÇ´´½¨Ò»¸öXMLHttpRequestʵÀý¡£Ê¹ÓÃHTTP·½·¨£¨GET»òPOST£©À´´¦ÀíÇëÇ󣬲¢½«Ä¿±êURLÉèÖõ½XMLHttpRequest¶ÔÏóÉÏ¡£
ÏÖÔÚ£¬¼ÇסAjaxÈçºÎÊ×ÏÈ´¦ÓÚÒì²½´¦Àí״̬£¿µ±Äã·¢ËÍHTTPÇëÇó£¬Ä㲻ϣÍûä¯ÀÀÆ÷¹ÒÆð²¢µÈ´ý·þÎñÆ÷µÄÏìÓ¦£¬È¡¶ø´úÖ®µÄÊÇ£¬ÄãÏ£Íûͨ¹ýÒ³Ãæ¼ÌÐøÏìÓ¦Óû§µÄ½çÃæ½»»¥£¬²¢ÔÚ·þÎñÆ÷ÏìÓ¦ÕæÕýµ½´ïºó´¦ÀíËüÃÇ¡£ÒªÍê³ÉËü£¬Äã¿ÉÒÔÏòXMLHttpRequest×¢²áÒ»¸ö»Øµ÷º¯Êý£¬²¢Òì²½µØÅÉ·¢XMLHttpRequestÇëÇ󡣿ØÖÆÈ¨ÂíÉϾͱ»·µ»Øµ½ä¯ÀÀÆ÷£¬µ±·þÎñÆ÷ÏìÓ¦µ½´ïʱ£¬»Øµ÷º¯Êý½«»á±»µ÷Óá£
ÔÚJava Web·þÎñÆ÷ÉÏ£¬µ½´ïµÄÇëÇóÓëÈÎºÎÆäËüHttpServletRequestÒ»Ñù¡£ÔÚ½âÎöÇëÇó²ÎÊýºó£¬servletÖ´ÐбØÐèµÄÓ¦ÓÃÂß¼£¬½«ÏìÓ¦ÐòÁл¯µ½XMLÖУ¬²¢½«Ëüд»ØHttpServletResponse¡£
¡¡ÊµÀý
ÒÔÏÂÊÇÎÒËùдµÄÒ»¸ö¼òµ¥µÄÀý×Ó:
Ò»¡¢ajaxServlet.java³ÌÐòÇåµ¥:
package com;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;
public class ajaxServlet extends HttpServlet{
private static final String CONTENT_TYPE="text/xml; charset=gb2312";
public void init() throws ServletException{ }
public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
response.setContentType(CONTENT_TYPE);
PrintWriter out=response.getWriter();
String action=request.getParameter("action");
if(("send").equals(action)){
StringBuffer sb=new StringBuf
Ïà¹ØÎĵµ£º
jQuery Ajax È«½âÎö
±¾ÎĶÌÖ·£ºhttp://s8.hk/0itq
±¾ÎĵØÖ·: jQuery Ajax È«½âÎö
±¾ÎÄ×÷ÕߣºQLeelulu
×ªÔØÇë±êÃ÷³ö´¦£¡
jQueryȷʵÊÇÒ»¸öͦºÃµÄÇáÁ¿¼¶µÄJS¿ò¼Ü£¬ÄܰïÖúÎÒÃÇ¿ìËٵĿª·¢JSÓ¦Ó㬲¢ÔÚÒ»¶¨³Ì¶ÈÉϸıäÁËÎÒÃÇдJavaScript´úÂëµÄϰ¹ß¡£
·Ï»°ÉÙ˵£¬Ö±½Ó½øÈëÕýÌ⣬ÎÒÃÇÏÈÀ´¿´Ò»Ð©¼òµ¥µÄ·½·¨£¬ÕâЩ·½·¨¶¼ÊǶÔjQu ......
¿´¿´ Ajax ºÍ DOM ½Å±¾±à³Ì¾¿¾¹Óжà¼òµ¥
ÎĵµÑ¡Ïî
½«´ËÒ³×÷Ϊµç×ÓÓʼþ·¢ËÍ
¼¶±ð£º Öм¶
Jesse Skinner, Web ¿ª·¢ÈËÔ±, Freelance
2007 Äê 5 ÔÂ 16 ÈÕ
jQuery ÊÇÒ»¸öJavaScript ¿â£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼° Asynchronous JavaScript + XML (Ajax) ±à³Ì¡£ÓëÀàËÆµÄ JavaScript ¿â²»Í¬£¬jQuery ¾ßÓжÀ ......
¿´¿´ Ajax ºÍ DOM ½Å±¾±à³Ì¾¿¾¹Óжà¼òµ¥
ÎĵµÑ¡Ïî
½«´ËÒ³×÷Ϊµç×ÓÓʼþ·¢ËÍ
¼¶±ð£º Öм¶
Jesse Skinner, Web ¿ª·¢ÈËÔ±, Freelance
2007 Äê 5 ÔÂ 16 ÈÕ
jQuery ÊÇÒ»¸öJavaScript ¿â£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼° Asynchronous JavaScript + XML (Ajax) ±à³Ì¡£ÓëÀàËÆµÄ JavaScript ¿â²»Í¬£¬jQuery ......
ѧϰAjax½Ì³Ì£¬ÏêϸÁ˽âGetÓëPost
Get·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥Êý¾Ý
´óС:url×î´ó³¤¶ÈÊÇ2083 bytes,¿ÉÒÔÓÃÓÚGET´«µÝÊý¾ÝµÄ³¤¶ÈÊÇ2048 bytes
°üº¬Ìå:Êý¾Ý×·¼Óµ½urlÖз¢ËÍ,Ò²¾ÍÊÇhttpµÄheader´«ËÍ
Post·½Ê½:
×÷ÓÃ:¿É´«Ëͼòµ¥¸´ÔÓÊý¾Ý
´óС:web.configÀïÏÞÖÆ
°üº¬Ìå:Êý¾ÝÔÚhttpÇëÇóµÄʵÌåÄÚÈÝÀï´«ËÍ
AjaxÓÃPostģʽ´«ËÍÊ ......
<script type="text/javascript">
$(document).ready(function() {
$("#teamName").change(function() {
$.getJSON('/team/SelectProduct', { teamName: $("#teamName").val() }, function(data) {
$("#productID").empty();
......