Struts2 Jquery Json ʵÏÖAJax±íµ¥ÑéÖ¤
ŪÁËÒ»ÕûÌìÁË£¬¸Õ¿ªÊ¼Ñ§Ï°Jquery£¬ºÜ¶à¶«Î÷»¹²»Ê죬¿´¿´ÊÓÆµ£¬²é²é×ÊÁÏ£¬ÖÕÓڳɹ¦µÄ¼¯³ÉStruts2+Jquery+Json
Ö±½ÓÉÏͼ:Óû§ÃûÊäÈëxxx,½¹µã¶ªÊ§£¬Ìáʾ”Óû§ÒÑ´æÔÚ“£¬·ñÔòÌáʾ“¿ÉÒÔ×¢²á“£¬ÃÜÂëͬÑùÈç´Ë,
Ê×ÏÈÐèÒªµ¼°ü£ºÈçϳýÁËstruts2±ØÐëµÄ°üÍ⣬»¹ÓÐjson°üÒÔ¼°Éæ¼°µÄcommonsµÄ¼¸¸ö°ü.
´ËÍâÒªÏÂÔØJqueryµÄjsÎļþ£¬È»ºó²¿Êðµ½ÏÂͼλÖ㬵±È»Î»ÖÿÉÒÔÈÎÒ⣬
Ö®ºó¾Í¿ªÊ¼ÎÒÃǵÄajax֮·°É
1.Ê×ÏÈÊÇindexÔ´´úÂ룺ÆäÖÐÉæ¼°JqueryµÄÓï·¨£¬×Ô¼ºÈ¥²éapi
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
#login {
width:410px;
margin:auto auto;
margin-top:71px;
background-color:gray;
}
#name {
font-size:14px;
color:red;
}
#pass{
font-size:14px;
color:red;
}
</style>
<script type="text/javascript" src="Jquery/jquery-1.4.2.js"
mce_src="Jquery/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready( function() {
//ʹÓà Ajax µÄ·½Ê½ ÅжϵǼ
$("#userName").blur( function() {
&nb
Ïà¹ØÎĵµ£º
JSÎļþ
//ÒÔÏÂΪjquery´úÂë
$(document).ready(function(){
$("#jqbtn").click(function(){
  ......
AJAXÂÒÂë½â¾ö
ÓùýAJAXµÄÅóÓѿ϶¨ÖªµÀjavascriptÊÇʹÓÃUTF-8¹ú¼Ê±àÂ룬¼´Ã¿¸öºº×ÖÓÃ4¸ö×Ö½ÚÀ´´æ´¢£¬µ«ÊÇÕâ¾ÍÔì³ÉÁËÓÃAJAXÀ´sendÊý¾ÝµÄʱºò³öÏÖÂÒÂë¡£
AjaxÂÒÂë²úÉúÖ÷ÒªÓÐ2¸öÔÒò
1. xtmlhttp ·µ»ØµÄÊý¾ÝĬÈϵÄ×Ö·û±àÂëÊÇutf-8£¬Èç¹ûÇ°Ì¨Ò³ÃæÊÇgb2312»òÕ߯äËü±àÂëÊý¾Ý¾Í»á²úÉúÂÒÂë
2. post·½·¨Ìá½»Êý¾Ý ......
Ê×ÏȽéÉÜÒ»ÏÂJavaScript£º
JavaScirpt ÊÇÒ»ÖÖ¿ÉÒÔÓÃÀ´¸øÍøÒ³Ôö¼Ó½»»¥ÐԵıà³ÌÓïÑÔ¡£³£³£»á¿´µ½JavaScript±»³ÆÎª“½Å±¾ÓïÑÔ”£¨Scripting language£©£¬Õⰵʾ×ÅËü¸üÊʺϱàд½Å±¾¶ø²»ÊdzÌÐò¡£Õâʵ¼ÊÉϲ¢Ã»Óиú²»ÉϵIJîÒì¡£JavaScript½Å±¾Ò²ÊÇÒ»ÖÖ³ÌÐò£¬Ëü°üº¬ÔÚHTMLÒ³ÃæÉÏ£¬ÒòΪ½Å±¾Îı¾°üΧÔÚ<Script>±êÇ©Ö ......
Ajax±íµ¥Ìá½»Êý¾Ý³öÏÖÂÒÂëºÍ½â¾ö°ì·¨
//Òª´«µÝµÄ²ÎÊý
var queryString = "firstName=" + firstName + "&lastName=" + lastName
&nbs ......