اختصاص جواب axios به تگ html

سلام . ممنون که وقت میگذارید و جواب می دین . چطور میشه با axios لیست محصولات که برگشتی یک تابع در کنترلر هست را نمایش بدم ؟ در واقع می خوام اچ تی ام ال تولید شده را به یک تگ در مودال اختصاص بدم.axios.get('/route').then(res=>'.modal-body'=res.data جواب نداده

react

ثبت پرسش جدید

رضا پارسیان

تخصص : توسعه دهنده Php , Laravel

@Rp76 4 سال پیش آپدیت شد

سلام من Axios کار نکردم اما توی Ajax به این صورت هست

 $.get("https://rp76.ir",function(data,status){
    if(status=="success"){
        $("#id_of_your_element").html(data);
    }
});

ارسال پاسخ

آرش تقوی

تخصص : برنامه نویس فول استک

@arash.taghavi69 4 سال پیش مطرح شد

سوالتون یه کم گنگه. اگر دارین با فریمورک های جاوا اسکریپتی کار میکنید که بحثش جداست. اما اگر دارین با html کار می کنید و اینکه خروجی محصولاتتون بصورت آبجکت JSON هست از این کد استفاده کنید:

 axios.get('/route')
.then(response=>{
 
let products = response.data;
 
let products_html = '';
 
products.forEach(product=>{
 
products_html.append(`
<p>
عنوان محصول :‌${product.title}
</p>
<p>
قیمت محصول :‌${product.price}
</p>
<p>
درصد تخفیف محصول :‌${product.discount}
</p>
`);
 
});
 
$('.modal-class').html(products_html);
 
});

ارسال پاسخ

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام

دوره‌های آموزشی

مسیرهای یادگیری

پیشرفت من

دوره‌های رایگان

گواهی پایان دوره

محبوب‌ترین آموزش‌ها

اختصاص جواب axios به تگ html

گزینش سوالات

گفت و گو های مرتبط

دسته ‌بندی سوالات

تگ‌های محبوب

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

	$.get("https://rp76.ir",function(data,status){
	if(status=="success"){
	$("#id_of_your_element").html(data);
	}
	});

	axios.get('/route')
	.then(response=>{

	let products = response.data;

	let products_html = '';

	products.forEach(product=>{

	products_html.append(`
	<p>
	عنوان محصول :‌${product.title}
	</p>
	<p>
	قیمت محصول :‌${product.price}
	</p>
	<p>
	درصد تخفیف محصول :‌${product.discount}
	</p>
	`);

	});

	$('.modal-class').html(products_html);

	});