jqueryµÄAJAXÓöµ½ÎÊÌâ - Web ¿ª·¢ / Ajax
ÎÒÏÖÔÚÓöµ½Õâô¸öÎÊÌ⣬¾ÍÊÇÎÒÏÈÑ¡ÔñÒ»¸öÏÂÀÁÐ±í£¬È»ºó´¥·¢ÁËAJAXÀ´»ñÈ¡Êý¾Ý¿âµÄÊý¾Ý£¬ÎÒ½«·µ»ØµÄÊý¾Ý·Åµ½ÏÂÀÁбíÀȻºóÓÃinnerHTML²åÈëµ½Ò»¸ö<span>ÖУ¬¿ÉÊÇÎÒÔÚÑ¡ÔñÕâ¸öÐÂÉú³ÉµÄÏÂÀÁбíʱ£¬ÎÒ»¹ÏëÔÙ´¥·¢Ò»¸öajax£¬Ëû¾Í²»´¥·¢ÁË
ÔÚÐÂÉú³ÉµÄÏÂÀÁбíÖÐÌí¼ÓÒ»¸öonchangeʼþÀ´´¥·¢ÄãµÄajax
Óеģ¬¿É¾ÍÊDz»´¥·¢£º
JScript code:
$("#cid").change( function () {
var $cid = $("#cid option:selected").val();
$.get("main.php", { action: "listGrp", type: "Group", cid: $cid },
function(data){
alert(data);
//$('#flag').html(data);
});
});
¿´À´ÕæÈçÎÒËùÔ¤ÁϵĹýÕæÈç´Ë£¬innerHTMLºóµÄ¶¯Ì¬ÏÂÀ<select>ÄÚÈÝ£¬jqueryû·¨»ñÈ¡µ½jquery¶ÔÏóÁË£¬µ«ÊÇʹÓÃ$('#option').after(data);ÕâÖÖ·½·¨Ð´Èë<select>ÄÚÈÝÊÇ¿ÉÒÔ»ñÈ¡µÄ£¬É¢·Ö
Ïà¹ØÎÊ´ð£º
ÎÒÏÖÔÚÓÃstruts2¿ò¼ÜÖÐÐèҪʹÓÃajaxʵÏÖ¾Ö²¿Ë¢Ð£¬µ«ÊÇ´ÓÈÝÆ÷Àï·µ»ØµÄÖµ²»ÖªµÀÔõô´Óstruts.xmlÅäÖÃÎļþÀïÓ³Éäµ½jspÒ³ÃæÀÒÔǰservletÀïдout.orint("xxxxx")¾Í¿ÉÒԵõ½~£¬µ«ÊÇÏÖÔÚÓÃstruts¾Í²»ÖªµÀÔõô ......
HTML code:
<tr>
<td valign="top" height="100%" id="TD1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat=&q ......
ÎÒÏëѧϰһÏÂAJAX£¬°´×ÅÍøÉϵÄʵÀýÊÔÁËһϣ¬Ìá½»ºóûÓÐÈκη´Ó¦£¬Çë¸ßÊÖÖ¸½ÌÒÔÏ£¬´úÂëÈçÏ£¬
<script language="javascript">
function saveUserInfo()
{
//»ñÈ¡½ÓÊÜ·µ»ØÐÅÏ¢²ã
var msg = do ......
´úÂëÈçÏ Çë¸ßÊÖ Ö¸µãÏ лл
ajax_http.js
-------------
function getXMLHTTP() {
var xmlhttp;
if (window.ActiveXObject) {
//IE
try {
......
ÎÊÌâ: ÏÖÔÚÌá½»Ö®ºó¾Í²»ÄÜÌøµ½ajax.jsÖÐÖ¸¶¨µÄservlet
¶øÊÇÓÖÖØÐ½øÈëµ½ÁËpub_hotel_t.jspÒ³Ãæ. Ò²¾ÍÊÇûÓÐÖ´Ðе½ajaxÀïÃæÈ¥ ´ó¼Ò°ïæ¿´¿´ÊÇʲôÔÒò°É.
ÊDz»ÊǺÍÌá½»µÄ°´Å¦ÓйØÄ ......