2013-11-22 100 views
0

JS文件快速刷新的SAVE

buttons: 
{ 
    save: function() 
    { 
     calEvent.id = id; 
     id++; 
     calEvent.start = new Date(startField.val()); 
     calEvent.end = new Date(endField.val()); 
     calEvent.title = titleField.val(); 
     calEvent.body = bodyField.val(); 

     //post to events.php 
     $.post("events.php", 
     { 
      action: "save", 
      start: calEvent.start.getTime()/1000, 
      end: calEvent.end.getTime()/1000, 
      title: calEvent.title, 
      body: calEvent.body, 
      id: calEvent.id 
     }); 

     $calendar.weekCalendar("removeUnsavedEvents"); 
     $calendar.weekCalendar("updateEvent", calEvent); 
     $dialogContent.dialog("close"); 
    }, 
    cancel: function() 
    { 
     $dialogContent.dialog("close"); 
    } 
} 
}).show(); 

HTML文件

<form> 
    <input type="hidden" /> 
    <ul> 
     <li> 
      <span>Datum: </span><span class="date_holder"></span> 
     </li> 
     <li> 
      <label for="start">Begin Tijd: </label><select name="start"><option value="">Select Start Time</option></select> 
     </li> 
     <li> 
      <label for="end">Eind Tijd: </label><select name="end"><option value="">Select End Time</option></select> 
     </li> 
     <li> 
      <label for="title">Afspraak reden: </label><input type="text" name="title" /> 
     </li> 
     <li> 
      <label for="body">Extra informatie: </label><textarea name="body"></textarea> 
     </li> 
    </ul> 
</form> 

這將點擊 「保存」 數組保存到數據庫 如何使它刷新按鈕。

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字

回答

0

你可以使用JavaScript的一個簡單的刷新功能:

location.reload(); 

但是當你真的不希望刷新頁面,但只是「刷新」頁面的內容。 $.ajax會更快樂。
我建議你閱讀互聯網上的一些基本教程,如果你不熟悉ajax,他們會更好地解釋它,然後我會。

+0

我在哪裏放置'location.reload();'在de代碼中是初學者。 而我試圖說明,我無法弄清楚:( – user2957155

+0

那麼你把它放在代碼裏,你'捕捉'你的按鈕點擊。[jsFiddle](http://jsfiddle.net/4NG2Y/)。 – nkmol

+0

謝謝我添加一個更迭代碼'成功:函數(){ \t \t \t \t location.reload(); \t \t \t \t}'這將工作現在形成我的是它的內容只刷新,因爲這簡單的 – user2957155

0

增加了location.reload()。請檢查以下代碼

buttons: 
{ 
    save: function() 
    { 
     calEvent.id = id; 
     id++; 
     calEvent.start = new Date(startField.val()); 
     calEvent.end = new Date(endField.val()); 
     calEvent.title = titleField.val(); 
     calEvent.body = bodyField.val(); 

     //post to events.php 
     $.post("events.php", 
     { 
      action: "save", 
      start: calEvent.start.getTime()/1000, 
      end: calEvent.end.getTime()/1000, 
      title: calEvent.title, 
      body: calEvent.body, 
      id: calEvent.id 
     }); 

     $calendar.weekCalendar("removeUnsavedEvents"); 
     $calendar.weekCalendar("updateEvent", calEvent); 
     $dialogContent.dialog("close"); 

     //reload page 
     location.reload(); 
    }, 
    cancel: function() 
    { 
     $dialogContent.dialog("close"); 
    } 
} 
}).show();