Refresh div in MVC

WorldWideWeb

Utente Attivo
6 Apr 2008
78
0
6
Calabria
Salve a tutti.
Ho una view contenente un div (chat). Al click di un bottone voglio che tale div si refreshi senza cambiare pagina.
Di seguito il codice

View principale
Codice:
@model List<Community.Models.ChatMessageModels>
<html>
    <head>
        <title></title>
        
        <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

        <script type="text/javascript">                      
            $(document).ready(function () {
                $('#sendMessage').click(function (e) {
                    var targetDiv = '#chat';
                    $.post('[B]/Chat/ChatRefresh[/B]', {@Model }, function (result) {
                        $(targetDiv).html(result);
                    });
                });
            });
        </script>
    </head>
    <body>
        <div>
[B]            <div id="chat"> 
                @Html.Partial("chatRefresh", Model)
            </div>[/B]
            <input id ="message" type="text"/> 
        </div>
    </body>        
</html>


Controller
Codice:
namespace Community.Controllers
{
    public class ChatController : Controller
    {
        //
        // GET: /Chat/

        public ActionResult Index()
        {
            return View();
        }

        public ActionResult [B]ChatRefresh[/B](ChatMessageModels model)
        {
            var messagesList = new List<ChatMessageModels>();
            messagesList.Add(new ChatMessageModels{User = "admin", Body = "Ciao a tutti!!!", DateTime = DateTime.Now});
            messagesList.Add(new ChatMessageModels{User = "admin", Body = "Questo è un test", DateTime = DateTime.Now});

            return PartialView("chatRefresh", messagesList);
        }
    }
}


View parziale
Codice:
@using System.Web.Mvc.Ajax
@model List<Community.Models.ChatMessageModels>

<head>
    <title></title>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
</head>

<table>
    @if (Model != null)
    {
        for (int i = 0; i < Model.Count(); i++)
        {
            <tr> <td id ="chatMessageUser"> @Model[i].User </td> <td id ="chatMessageBody"> @Model[i].Body </td> <td id ="chatMessageDateTime"> @Model[i].DateTime </td> </tr>

            @Html.HiddenFor(m => Model[i].User)
            @Html.HiddenFor(m => Model[i].Body)
            @Html.HiddenFor(m => Model[i].DateTime)

        }
    }
    <tr> <td> <input type="submit" id="sendMessage" value="Send" /> </td> </tr>
    
</table>


Al click del bottone non succede nulla! :incazz:
 

Vins

Moderatore
Membro dello Staff
MOD
28 Lug 2009
238
19
0
Ciao, la soluzione più semplice è quella di utilizzare la funzione load() per aggiornare solo la porzione di pagina che desideri.
 
Discussioni simili
Autore Titolo Forum Risposte Data
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
T [Javascript] Refresh div Javascript 1
Lucia Fiore refresh di un div automaticamente Javascript 2
P crash della pagina al refresh di alcuni div jQuery 7
lsnight [risolto] Div random ogni refresh PHP 19
C Aprire link ad un pagina in un div senza refresh jQuery 41
F refresh div con variabile php jQuery 2
V problema refresh di un div Javascript 4
G Eliminare l'effetto refresh di una pagina internet PHP 8
C Refresh parte di codice pagina php PHP 6
I [Javascript] mantenere un bottone abilitato al refresh della pagina Javascript 1
P [Javascript] Array da file di testo, con lettura temporizzata senza refresh Javascript 3
E Problema refresh PHP PHP 3
K [PHP] Passaggio Variabili Senza Refresh Di Pagina PHP 1
F [Javascript] chiusura popup e refresh pagina madre su punto preciso Javascript 0
A [Javascript] [PHP] Scroll refresh chat Javascript 2
michela90 [PHP] Refresh page on submit - Form con Swiftmailer PHP 14
G [HTML] Refresh immagini cam ip HTML e CSS 13
C [RISOLTO][PHP] Passaggio variabili senza refresh di pagina PHP 7
G Refresh singolo jQuery 0
Z [PHP] Informazione al pulsante REFRESH PHP 2
gandalf1959 [PHP] refresh della pagina dopo submit PHP 3
A problema con refresh frame laterale Javascript 2
S refresh non desiderato Javascript 4
M Problema refresh della pagina dopo il submit? HTML e CSS 4
P problemi di refresh per reindirizzamento pagina PHP 6
L Refresh include php con jquery problemi negli script dopo load jQuery 2
Z Ricordare tabs dopo refresh jQuery 1
I auto refresh invisibile PHP 1
P problema refresh pagina PHP 1
felino [Jquery] Dubbio sul tag meta refresh aggiunto dinamicamente jQuery 6
Shyson Pulsante refresh codice captcha Javascript 0
B Se clicco refresh il form va in automatico PHP 5
B [AJAX] Refresh automatico non funziona Ajax 15
P Problema refresh pagina con Ajax... Ajax 15
O Problema con refresh/form PHP 0
A [risolto] evitare refresh index dopo recaptcha sbagliato PHP 7
P Mantenere valore di un form anche dopo refresh PHP 6
M Problema refresh e didascalie HTML e CSS 2
A Creare una galleria foto senza refresh PHP 0
A Immagine ricaricata dopo il refresh (upload) PHP 2
J Evitare al refresh della pagina la ritrasmissione di un form PHP 1
G audio player senza refresh HTML e CSS 0
C testo espandibile senza refresh pagina Javascript 4
C contenuti dinamici senza refresh PHP 1
M Galleria funziona solo dopo refresh PHP 56
S Refresh automatico di un immagine Javascript 3
I Menu senza refresh - sostituzione vecchi frame HTML jQuery 2
F aggiornare contenuto pulsante senza refresh pagina Javascript 2

Discussioni simili