Rails ajax µÄÁª¶¯µÄÏÂÀ¿ò
# app\controllers\examples_controller.rb
ruby ´úÂë
class ExamplesController < ApplicationController
def ajax_select
@items = %w{AA BB}
end
def get_sub_items
if params[:item] == "AA"
@sub_items = %w{AA1 AA2}
else
@sub_items = %w{BB1 BB2}
end
render :partial => "select"
end
end
# app\views\examples\ajax_select.rhtml
xml ´úÂë
<%= javascript_include_tag :defaults %>
<h1>Examples#ajax_select</h1>
<p>Find me in app/views/examples/ajax_select.rhtml</p>
<%= select :obj, :att, @items, {}, :onchange => remote_function(:update => "sub_items",
:method => "get",
:with => "'item=' + value",
:url => { :controller => :examples, :action => :get_sub_items})
%>
<div id="sub_items">
<select></select>
</div>
#app\views\examples\_select.rhtml
ruby ´úÂë
<%= select(:obj, :item
Ïà¹ØÎĵµ£º
×î½ümatch001.comÏîÄ¿×öÒ»¸ö·¢Ë͵ç×ÓϲÌûµÄ¹¦ÄÜ£¬·¢ÏÖQQÓÍÏäÃ÷ÐÅÆ¬¹¦Äܲ¶à¡£ÓÚÊǺõ¹¹Ë¼×ö³ÉÄǸöÑù×Ó¡£
Óм¸µãÐèҪʵÏֵģº
±³¾°Í¼Æ¬¡¢½á»éÏàÆ¬µÄ¼ÓÔØ¡£
N¶àµÄʼþ°ó¶¨
¸úÏà²áÊý¾Ý°ó¶¨£¬Ñ¡ÔñÏà²áÁгöËùÓÐÏàÆ¬£¬²¢ÇÒÏàÆ¬·ÖÒ³¡£ËùÓеͼAJAXʵÏÖ
³õʼ»¯Ò»¸öDIVÓÃÀ´¿ØÖÆÉϲãͼƬλÖÃÒÆ¶¯£¬¸ù¾Ý²»Í¬±³¾°Í¼Æ¬£¬³õʼ»¯²»²» ......
1¡¢ajax¼¼ÊõµÄ±³¾°
²»¿É·ñÈÏ£¬ajax¼¼ÊõµÄÁ÷ÐеÃÒæÓÚgoogleµÄ´óÁ¦Íƹ㣬ÕýÊÇÓÉÓÚgoogle earth¡¢google suggestÒÔ¼°gmailµÈ¶Ôajax¼¼ÊõµÄ¹ã·ºÓ¦Ó㬴ßÉúÁËajaxµÄÁ÷ÐС£¶øÕâÒ²ÈÃ΢Èí¸Ðµ½ÎޱȵÄÞÏÞΣ¬ÒòΪÔçÔÚ97Ä꣬΢Èí±ãÒѾ·¢Ã÷ÁËajaxÖеĹؼü¼¼Êõ£¬²¢ÇÒÔÚ99ÄêIE5ÍÆ³ö֮ʱ£¬Ëü±ã¿ªÊ¼Ö§³ÖXmlH ......
$.get()ºÍ$.post()·½·¨
$.get(url [,data] [,callback] [,type])
type£ºstringÀàÐÍ£¬·þÎñÆ÷¶Ë·µ»ØÄÚÈݵĸñʽ£¬°üÀ¨xml£¬html£¬script£¬json£¬textºÍ_default
»Øµ÷º¯ÊýÖ»ÓÐÁ½¸ö²ÎÊý£ºfunction(data,textstatus){....}
data:·µ»ØµÄÄÚÈÝ £ ......
Ò»ÖÜǰ£¬leaderÈÃÎÒдһ¸öÀàËÆ°Ù¶ÈµÄ×Ô¶¯Íê³É¹¦ÄÜ£¬ºÇºÇ£¬ÒòΪ¶Ôajax¼¼ÊõÕÆÎյIJ»ºÃ£¬ËùÒÔ¿àÄÕÁ˺ܾÃûÓÐд³öÀ´
¾¹ýÒ»ÖܵÄѧϰ£¬ÖÕÓÚд³öÁËÒ»¸öajax³ÌÐò£¬ÒÔºóµÄ¹¤×÷¾ÍºÃ×ö¶àÀ²
index.jsp
<html>
<head>
<style >
#child{
color: #333;
width:200px;
&nbs ......