گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
برای اینکه باید دوتا چیز رو بلد باشید:
اول اضافه کردن یه سطر به جدول که البته کلی بخوایم بگیم، ساخت یه المنت جدید داخل صفحه
دوم هم ajax
برای اولی از یه همچین دستوری می تونی استفاده بکنی:
$("button").click(function(){
$("p").append("<b>Appended text</b>");
});البته می تونی به اخر لیست یا اول لیست یا ... اضافه بکنی. تو مثال بالا بعد از تگ p یدونه تگ b اضافه می شه. مثالش رو هم اینجا می تونی ببینی:
https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_append_refبرای کار با اجکس هم از یه چیزی مثل کد زیر استفاده می کنی. فقط کد قسمت بالا رو تو قسمت success اجکست می نویسی.
$("button").click(function(){
$.ajax({url: "demo_test.txt", success: function(result){
$("#div1").html(result);
}});
});اگر کلا با اجکس کار نکردی و اولین بارته، بهتره یه مطالعه ای قبل از کد زدن داشته باشی.
از اینها گذشته ظاهر سوالتون یه جوری که حس می کنم منظور شما چیزه دیگه ای هست و اصلا شما نیازی به اجکس هم نداری! اجکس یه روشه که شما بدون رفرش صفحه می تونی با سرور ارتباط برقرار کنی که حالا می تونی ارسال یا دریافت یا انجام یه دستور باشه.
اما بعضی مواقع اصلا شما با سرور هم کاری نداری و فقط می خوای تو زمان اجرا یه دکمه رو که زدی مثلا یه نوشته به متنت اضافه بشه یا یه چیزی حذف بشه و هیچ سروری هم در کار نیست و فقط و فقط همون قالبته و بس. برای این هم باید عرض کنم که دیگه نیازی به بخش دوم و کدهای اجکس نداری و فقط با جکوئری می تونی اینکارها رو بکنی
سلام
قطعا این دوستمون منظورش از اضافه کردن سطر اینه که بیاد داده های رو سمت سرورش بفرسته و ذخیره کنه و جمع نتایج رو برگردونه و نمایش بده (چون دسته رو لاراول انتخاب کرده)
همه اینکاری که اقا سید گفتن میشه با اضاف کردن یک روت و یک توکن به کدهای جی کوئری و سمت سرورت روت رو به کنترلر متصل کنی و تویی کنترلر ریکوست ها رو بگیری ذخیره رو انجام بدی و یک get از مدل بگیری و بصورت جیسون سمت ویو برگردونی و نتیجه دریافت شده در جی کوئری رو append کنی به قسمت نمایش ت.
کدهاش رو در دسترس ندارم چون باگوشی راه حلش رو برات گفتم با یکم سرچ میتونی پیدا کنی سخت نیست
سلام این سایت راهنماییت میکنه
https://stackoverflow.com/questions/48246846/insert-data-using-ajax-in-laravel-5-4