Mój program ma za zadanie wysłanie wiadomości używam Ajaxa i część strony pojawia się po kliknięciu przycisku czyli rubryka z wiadomościami od konkretnego użytkownika i tu rodzi się problem użyłem funkcji
$(document).ready(function () {
$('#GetMessagesDiv').on('submit', 'form', function () {
var messageData = {
MessageData: 'Jakiś tam tekst', ReceiverId: $('#ReceiverIdDiv').val() };
console.log('messageData: ', messageData);
$.ajax({
url: '@Url.Action("SendMessage", "Home")',
data: messageData,
success: function (data) {
alert('Send Messages');
$('#GetMessagesDiv').html(data);
},
error: function (data) {
alert( $('#MessageDataDiv').val());
}
});
on i jeżeli samodzielnie umieszcze na sztywno dane to wszystko działa problem pojawia się kiedy chce odczytać dane z diva
$('#ReceiverIdDiv').val()
to niestety nie działa jestem świeży w js i walcze z tym już trochę wcześniej nic nie działało dowiedziałem się o bąbelkowaniu i użyłem funkcji on no ale co z divem który wcześniej nie istniał jak dostać się do jego wartości ???
@using MessengerApplication.WebUI.Entities
@model List<Message>
<div id="MessagesSend">
@if (Model.Count > 0)
{
foreach (var item in Model)
{
<div>
<h6>@item.SenderName </h6>
<p>@item.MessageData</p>
</div>
}
using (Html.BeginForm("SendMessage", "Home"))
{
<div>
@Html.Label("Send To") <h6>@ViewBag.ReceiverName</h6>
</div>
<div id="ReceiverIdDiv">
@Html.Hidden("ReceiverId", (string)ViewBag.ReceiverId)
</div>
<div id="MessageDataDiv">
@Html.TextArea("MessageData")
</div>
<input type="submit" value="Send" class="btn btn-danger" />
}
chodzi o te dwa ReceiverIdDiv , MessageDataDiv