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

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


Ïà¹ØÎĵµ£º

jQuery AjaxÖ®$.get()·½·¨ºÍ$.post()·½·¨

×¢Ò⣺$.get()ºÍ$.post()·½·¨ÊÇjQueryÖеÄÈ«¾Öº¯Êý¡£Ç°Ãæ½²µ½µÄload()·½Ê½ÊǶÔjQuery¶ÔÏó½øÐвÙ×÷µÄ¡£
1¡¢ $.get()·½·¨
¡¡¡¡$.get()·½·¨Ê¹ÓÃGET·½Ê½À´½øÐÐÒì²½ÇëÇó¡£
¡¡¡¡ËüµÄÓï·¨½á¹¹Îª£º
¡¡¡¡$.get( url [, data] [, callback] [, type] )
¡¡¡¡$.get()·½·¨²ÎÊý½âÊÍÈçÏÂ±í£º
²ÎÊýÃû³Æ
Àà¡¡ÐÍ
˵¡¡¡¡Ã÷
url
Strin ......

ajax json,xml,Îı¾Êý¾Ý´«µÝʵÀý

µ½×îºóÎҲŷ¢ÏÖ΢Èí¸øµÄajax json ʵÀý¶¼ÊÇÓÐÎÊÌâµÄ£¬ºÜ¶à¶¼ÊDz»ÑÏÃܵģ¬ÌرðÊǶÔÓÚ´óСд·½Ã棬ËûÃǶ¼Ã»ÓÐ×Ðϸ׷¾¿´óСдÎÊÌ⣬µ¼ÖÂÁËÔÚfirefoxʹÓÃÓÐÎÊÌâ¡£ÏÂÃæÊÇʵÀýÄÚÓãºÁ½¸öhtmlÖ®¼äµÄ£º
<head> <title>²âÊÔajax</title> <meta http-equiv=”Content-Type” content=”text/ht ......

ÓÃjavascript»º´æajaxÊý¾Ý

ÎÒÃǶ¼ÖªµÀ£¬ajaxÄÜÌá¸ßÒ³ÃæÔØÈëµÄËٶȵÄÖ÷ÒªÔ­ÒòÊÇͨ¹ýajax¼õÉÙÁËÖØ¸´Êý¾ÝµÄÔØÈë£¬ÕæÕý×öµ½°´Ðè»ñÈ¡£¬¼ÈÈ»Èç´Ë£¬ÎÒÃÇÔÚдajax³ÌÐòµÄʱºò²»·ÁËÍ·ðË͵½Î÷£¬ÔÚ¿Í»§¶ËÔÙ×öÒ»´Î»º´æ,½øÒ»²½Ìá¸ßÊý¾ÝÔØÈëËÙ¶È¡£ÄǾÍÊÇÔÚÔØÈëÊý¾ÝµÄͬʱ½«Êý¾Ý»º´æÔÚä¯ÀÀÆ÷ÄÚ´æÖУ¬Ò»µ©Êý¾Ý±»ÔØÈë£¬Ö»ÒªÒ³ÃæÎ´Ë¢Ð£¬¸ÃÊý¾Ý¾ÍÓÀÔ¶µÄ»º´æÔÚÄÚ´æÖУ¬µ±Ó ......

jquery ajaxµÄload()·½·¨


oad()·½·¨
    load( url [,data] [,callback])    dataÊÇObjectÀàÐÍ£¬·¢ËÍÖÁ·þÎñÆ÷µÄkey/valueÊý¾Ý
        Àý£º
$(function(){
     $("#send").click(function(){
         $("#resText").load("test.html ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ