2011-07-20 164 views
0

通過ajax調用在jQuery中加載頁面而不刷新?通過ajax調用在jQuery中加載頁面而不刷新?

$.ajax({ 
... 
}); 

HTML:

<div class="insert"> 
    <form action="http://localhost/Siran-mehdi/admin/hotel/insert" method="post"> 

<div class="myGrid"> 
    <fieldset> 
     <legend>اطلاعات کلی</legend> 
    <div class="column"> 
     <div class="mediumCell"> <input type="text" name="name" placeholder="نام پکیج تور خارجی" title="نام پکیج"></div> 
     <div class="mediumCell"><input type="text" name="term" placeholder="مدت" title="مدت"></div> 

<div class="auto_box"> 
    <b class="search_hotel"> 
    <span></span>  
    <div class="mediumCell"><input type="text" name="search_hotel" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="هتل" title="هتل" /></div> 
    <ul class="list_autobox_hotel"></ul> 
    </b> 
</div> 
<div class="auto_box"> 
    <b class="guide_search"> 
    <span></span> 
    <div class="mediumCell"><input type="text" name="guide_search" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="راهنما" title="ارلاین"></div> 
    <ul class="list_autobox_guide"></ul> 
    </b> 
</div> 
    </div> 
    </fieldset> 

    <div class="wide"><input type="button" value="ثبت" class="submit"></div> 
</div> 
    </form> 
</div> 

我不想使用的插件和功能.load()只使用Ajax調用的。
這是怎麼回事? 對於

+0

你想刷新整個頁面,或只是其中的一部分? –

+0

問題是? [RTM](http://jqapi.com/#p=jQuery.ajax) – Londeren

+0

問題在哪裏?你只是說明一個事實.... – Neal

回答

0
<meta http-equiv="refresh" content="0;url=http://goo.gl/kKhWU"> 

與在重定向延遲任何的毫秒數代替0和你的網頁的網址替換URL

0

你可以做setInterval(load_page(),1000) ...並有load_page使用$(「身體」 ).load()

我已經添加了一個example您只需用您想每1,000ms重新加載一次的php或html文件替換echo/html即可。我必須通過隨機垃圾數據echo/html,否則它將不會返回....它每1000ms重新加載,你可以檢查console.log來確保。

如果您無法理解示例中正在發生的事情,請告知我們。我知道ajax起初可能非常棘手。 jQuery的AJAX的成功部分

2

使用jQuery的html()函數,就像下面的例子

$('body').html('<div class="insert"> 
    <form action="http://localhost/Siran-mehdi/admin/hotel/insert" method="post"> 

<div class="myGrid"> 
    <fieldset> 
     <legend>اطلاعات کلی</legend> 
    <div class="column"> 
     <div class="mediumCell"> <input type="text" name="name" placeholder="نام پکیج تور خارجی" title="نام پکیج"></div> 
     <div class="mediumCell"><input type="text" name="term" placeholder="مدت" title="مدت"></div> 

<div class="auto_box"> 
    <b class="search_hotel"> 
    <span></span>  
    <div class="mediumCell"><input type="text" name="search_hotel" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="هتل" title="هتل" /></div> 
    <ul class="list_autobox_hotel"></ul> 
    </b> 
</div> 
<div class="auto_box"> 
    <b class="guide_search"> 
    <span></span> 
    <div class="mediumCell"><input type="text" name="guide_search" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="راهنما" title="ارلاین"></div> 
    <ul class="list_autobox_guide"></ul> 
    </b> 
</div> 
    </div> 
    </fieldset> 

    <div class="wide"><input type="button" value="ثبت" class="submit"></div> 
</div> 
    </form> 
</div> 
'); 
+0

嗨bhanu,這使我的一天。我試了成功 –

相關問題