Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

AjaxʹÓÃPOSTÌá½»ÖÐÎÄÂÒÂëÎÊÌâ(ת)

ǰ¶Îʱ¼äдJSP£¬Ê¹ÓÃAJAXÒÔPOST·½Ê½Ìá½»Êý¾Ý£¬Èç¹ûÊÇÖÐÎÄ×Ö·ûÌá½»¾Í»áÂÒÂ룬ºóÀ´Ð´ASPʱÓõ½AJAXÒÔPOST·½Ê½Ìá½»Êý¾Ý£¬ÖÐÎÄÒ»ÑùÊÇÂÒÂë¡£ËÑË÷Ò»ÏÂÏà¹Ø×ÊÁÏ£¬ÎÊÌâÓ¦¸ÃÊÇÌá½»Êý¾ÝʱÊÇÒÔUTF-8±àÂëÌá½»£¬ËùÒÔ½ÓÊÕʱÈç¹ûʹÓÃGB2312»òÕ߯äËüÖÐÎıàÂëµÄ»°¾Í»áÂÒÂë¡£
ʹÓÃGET·½Ê½Ìá½»Êý¾ÝµÄʱºò£¬ÖÐÎÄÎÊÌâºÜºÃ½â¾ö£¬setRequestHeader("Content-Type","text/html; encoding=gb18030")¾Í¿ÉÒÔÁË¡£µ«Õâ¸ö·½·¨ÔÚPOST·½Ê½ÖÐÈ´²»Æð×÷Óᣴó¼Ò¶¼ÖªµÀGET·½Ê½Ìá½»Êý¾ÝÓ㤶ÈÏÞÖÆ£¬ÓÐʱÎÒÃDZØÐëʹÓà POST·½Ê½À´Ìá½»Êý¾Ý¡£
¶ÔÓÚʹÓÃPOST£¬JSPµÄ½â¾ö·½·¨ÈçÏ£º
ʹÓÃescape£¨»òencodeURI£¬Á½¸öº¯Êý¶¼ÊÇJavaScriptµÄº¯Êý£¬¹¦ÄÜ»ù±¾Ïàͬ£¬¿ÉÒÔ²éÒ»ÏÂÏà¹ØµÄ°ïÖú£©£¬µ«ÒªÊ¹ÓÃÁ½´Î£¬Õâ¸öÊǹؼü¡£
³õÊ¼Ò³ÃæÄÚÈÝÈçÏÂ(hello.jsp)£º
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AJAXÌá½»Ò³Ãæ</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<script type="text/javascript">
function justdo(){
    var post = "name=ÍõÁ¦ÃÍ&email=wallimn@sohu.com&bokee=http://wallimn.bokee.com";
    post = encodeURI(post);
    post = encodeURI(post);    //Á½´Î£¬ºÜ¹Ø¼ü
    var xmlObj = new ActiveXObject("Msxml2.XMLHTTP");
    var URL = "act.jsp";    //ÎļþÃûÐèÒªµ÷Õû³É²âÊÔʱµÄÏàӦλÖÃ
    xmlObj.open("POST",URL,true);
    xmlObj.setRequestHeader("Cache-Control","no-cache");
    xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
    xmlObj.send(post);    //×¢Ò⣺POST·½Ê½£¬Ê¹ÓÃÕâ¸öÀ´·¢ËÍÄÚÈÝ
}
</script>
</head>
<body>
<input type="button" value="Ìá½»" onclick="justdo()" />
</body>
</html>
AjaxÇëÇó´¦ÀíÒ³Ãæ(act.jsp)µÄÄÚÈÝÈçÏÂ:
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "


Ïà¹ØÎĵµ£º

AJAXÖÐÎÄÎÊÌâ[ת]

AJAXÖÐÎÄÎÊÌâ·ÖΪÁ½´óÀࣺ
1£©·¢ËÍ·¾¶ÖеIJÎÊýÓÐÖÐÎÄ£¬ÔÚ·þÎñÆ÷¶Î½ÓÊÕ²ÎÊýÖµÊÇÂÒÂë
ÀýÈ磺
var url="a.jsp?name=СÀî"£»
xmlHTTP.open ("post",url,true);
½â¾ö°ì·¨£º
ÀûÓÃjavascriptµÄÌṩµÄescape()»òencodeURI()·½·¨
ÀýÈ磺
¿Í»§¶Ë£º
var url="a.jsp?name=СÀî"£»
url=encode ......

½Ó´¥AjaxµÄµÚÒ»¸öʵÑéHello Word

<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"><!--
body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}

--></mce:style><style type="t ......

AJAXʹÓÃjson½âÎöÓëʹÓÃxml½âÎöµÄ±È½Ï

¹¤¾ß:myeclipse 6.5
jsonÖÐÎĹٷ½£ºhttp://www.json.org/json-zh.html
н¨ÏîÄ¿webs£¬ÔÚWebRootÏÂн¨Ä¿Â¼json
xmlµÄ½âÎö·½Ê½:
------------------------------------------------------------------
1.н¨NewFile.xml
<?xml version="1.0" encoding="UTF-8"?>
<userinfo>
  ......

DWR ·´×ªAJAX µ¥Ï߳̿ØÖÆSESSION

Ä¿µÄ£ºÍ¨¹ýÒ»¸öỊ̈߳¬ÅжÏSESSIONÊÇ·ñ¹ýÆÚ£¬Èç¹û¹ýÆÚ£¬µ÷Óÿͻ§¶ËÒ³ÃæµÄJS£¬°ÑÐÅÏ¢ÍÆ¸ø¿Í»§¶Ë¡£
ÎÒÃÇÒªÈÃDWR³ÌÐòÖ§³Ö·´ÏòAJAX¡£ÐèÒªÔÚweb.xmlÖÐDWRServletÀïÌí¼ÓÒ»¸ö³õʼ»¯²ÎÊý£¬ÁíÍâÒªÅäÖÃÒ»¸ö¼àÌýÆ÷£¬ÔÚÊʺϵÄʱºò¹Ø±ÕÏ̡߳£
ÈçÏÂÊÇweb.xmlÖеÄÅäÖÃ
<listener>
        < ......

jQuery ajaxÖÐÎÄAPI¼°½Ì³Ì×ÊÁÏ´óÈ«

jQueryÓÉÃÀ¹úÈËJohn Resig´´½¨£¬ÖÁ½ñÒÑÎüÒýÁËÀ´×ÔÊÀ½ç¸÷µØµÄÖÚ¶àjavascript¸ßÊÖ¼ÓÈëÆäteam£¬°üÀ¨À´×Ե¹úµÄJörn Zaefferer£¬ÂÞÂíÄáÑǵÄStefan PetreµÈµÈ¡£
¡¡¡¡jQueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£Æä×ÚÖ¼ÊÇ——WRITE LESS,DO MORE,д¸üÉٵĴúÂë,×ö¸ü¶àµÄÊÂÇé¡£
¡¡¡¡ËüÊÇÇáÁ¿¼¶µÄjs¿ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ