ورود

View Full Version : سوال: مشکل در toastr



f.mirshekar
جمعه 25 تیر 1395, 11:22 صبح
سلام و خسته نباشید

من در view خودم یک form دارم که می خوام کارش رو در controller دیگه ای انجام بده

این قسمت form من


<form id="FormComment" method="post" action="#">
@Html.AntiForgeryToken()

<div class="form-horizontal">
<h4>ارسال نظر درباره مقاله ای که مطالعه کردید</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.HiddenFor(model => model.Id_Post)
<div class="form-group">
@Html.LabelFor(model => model.Body_Comment, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.TextAreaFor(model => model.Body_Comment, new { @class = "form-control", @cols = "60", @rows = "10" })
@Html.ValidationMessageFor(model => model.Body_Comment, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10 text-center">
<input type="submit" value="ارسال نظر" class="btn btn-default" id="btn" />
</div>
</div>
</div>

</form>




به وسیله کد زیر که تونستم از اینترنت گیر بیارم اینکار انجام میشه حالا می خوام toastr رو نمایش بدم چی کار باید کنم همه فایل ها هم اضافه شده



<script>
$("#FormComment").submit(function (event) {

var url = "/Comment/AddComment";

$.ajax({
type: "POST",
url: url,
data: $("#FormComment").serialize(),
success: function (data) {
toastr.success("success");
$("#Body_Comment").val("");
var comment$ = $("#comment");
var result = comment$.prepend(data).html();
comment$.html(result);
alert("sd")
},
fail: function () {
toastr.error("error");
}
});
event.preventDefault();


});


</script>

omid nasri
جمعه 08 مرداد 1395, 09:35 صبح
در وبلاگ در این خصوص آموزش استفاده قرار داده شده:

http://www.omidnasri.com/asp-net-mvc/%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%D9%BE%DB%8C%D8%BA%D8%A7%D9%85-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D9%BE%D9%84%D8%A7%DA%AF%DB%8C%D9%86-toastr

keyone72
جمعه 15 مرداد 1395, 13:20 عصر
سلام و خسته نباشید

من در view خودم یک form دارم که می خوام کارش رو در controller دیگه ای انجام بده

این قسمت form من


<form id="FormComment" method="post" action="#">
@Html.AntiForgeryToken()

<div class="form-horizontal">
<h4>ارسال نظر درباره مقاله ای که مطالعه کردید</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.HiddenFor(model => model.Id_Post)
<div class="form-group">
@Html.LabelFor(model => model.Body_Comment, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.TextAreaFor(model => model.Body_Comment, new { @class = "form-control", @cols = "60", @rows = "10" })
@Html.ValidationMessageFor(model => model.Body_Comment, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10 text-center">
<input type="submit" value="ارسال نظر" class="btn btn-default" id="btn" />
</div>
</div>
</div>

</form>




به وسیله کد زیر که تونستم از اینترنت گیر بیارم اینکار انجام میشه حالا می خوام toastr رو نمایش بدم چی کار باید کنم همه فایل ها هم اضافه شده



<script>
$("#FormComment").submit(function (event) {

var url = "/Comment/AddComment";

$.ajax({
type: "POST",
url: url,
data: $("#FormComment").serialize(),
success: function (data) {
toastr.success("success");
$("#Body_Comment").val("");
var comment$ = $("#comment");
var result = comment$.prepend(data).html();
comment$.html(result);
alert("sd")
},
fail: function () {
toastr.error("error");
}
});
event.preventDefault();


});


</script>


اگر از فرم استفاده کنید نمیتونید از این پلاگین استفاده کنید..مگر از jquery form ajax
استفاده کنید که فرمی که نوشتین رو به صورت ajax انجام میده و در سمت کنترولر میتونید به صورت جاوا اسکزیپت اون پلاگین رو صدا بزنید
return javascript("toastr.error("error");")