JQueryµÄajaxʵÀý
<html>
<head>
<title>jQuery Ajax ʵÀýÑÝʾ</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
var params=$('input').serialize(); //ÐòÁл¯±íµ¥µÄÖµ
$.ajax({
url:'ajax_json.php', //ºǫ́´¦Àí³ÌÐò
type:'post', //Êý¾Ý·¢ËÍ·½Ê½
dataType:'json', //½ÓÊÜÊý¾Ý¸ñʽ
data:params, //Òª´«µÝµÄÊý¾Ý
success:update_page //»Ø´«º¯Êý(ÕâÀïÊǺ¯ÊýÃû)
});
});
//$.post()·½Ê½£º
$('#test_post').click(function (){
$.post(
'ajax_json.php',
{
username:$('#input1').val(),
age:$('#input2').val(),
sex:$('#input3').val(),
job:$('#input4').val()
},
function (data) //»Ø´«º¯Êý
{
var myjson='';
eval('myjson=' + data + ';');
$('#result').html("ÐÕÃû:" + myjson.username + "<br/>¹¤×÷:" + myjson['job']);
}
);
});
//$.get()·½Ê½£º
$('#test_get').click(function ()
{
$.get(
'ajax_json.php',
&nb
Ïà¹ØÎĵµ£º
´«ÖDz¥¿ÍjavaÅàѵ2010Äê4ÔÂ10ÈÕajaxÔöÇ¿×ܽá1
½ñÌìµÄ¿Î£¬ÎÒÖ»ÄÜÓþªÑÈÀ´ÊµÏÖ£¬ÒòΪËäÈ»ÒÔÇ°ÎÒ×Ô¼º×ö¿ª·¢µÄʱºòÒ²»á¾³£Óõ½javascriptÀ´×öһЩ¶«Î÷£¬²¢ÇÒÒ²ÄÜʵÏÖËùÒªÐèÒªµÄ¹¦ÄÜ×ö£¬ÎÒûÓÐÏëµ½µÄÊÇ£¬ÆäÖÐÓõ½µÄһЩ¹¦ÄܾÓÈ»¿ÉÒÔÓúܼòµ¥µÄÓïÑÔ¾ÍÄÜʵÏÖ£¬²»À¢ÊǶàÄê×ܽáÏÂÀ´µÄ¾Ñ飡ÎÒÔÚÏëÈç¹ûÎÒÈÔ¾ÉÔÚÔÏȵĸÚλÉϼÌÐø×ö ......
jspÄÚÖöÔÏó£º
page --java.lang.Object
request --javax.servlet.http.HttpServletRequest
session --javax.servlet.http.HttpSession
application --javax.servlet.ServletContext
response --javax.servlet.http.HttpServletRes ......
±¾ÀýÊDzÉÓÃJSP + Ajax + Îı¾À´ÑÝʾ¶àÑ¡¡¢È«Ñ¡£¬Ìí¼Ó¡¢É¾³ý¡¢¸üÐÂcheckbox¶àÑ¡¿òµÄЧ¹û£»³ä·ÖÕ¹ÏÖÁËÀûÓÃJavaScript¿ØÖÆHTML DOMÒÔ¼°ÀûÓÃXML http ´«µÝÊý¾Ý£¬ÀûÓÃJSP²Ù×÷Îı¾µÄЧ¹û¡£
¡¡¡¡1.JavaScript ÓÃÀ´¿ØÖÆÒ³ÃæÄÚÈݵÄÏÖʵÓëÔöɾЧ¹û£»
¡¡¡¡2.JSP×÷Ϊºǫ́£¬¶ÔÎı¾½øÐжÁÈ¡¡¢Ð´Èë¡¢¸üеȲÙ×÷£»
¡¡¡¡3.Îı¾¸ñʽÊÇÓÃÀ´´ ......
Js´úÂë
var url=Service.aspx?Value=' + escape(va);
obj=CreateAJAX();
if(obj)
& ......