یک جنریک از Ajax

سلام 
توی این پست میخوام یه تابع جنریک از ajax براتون بزارم که به نظر خودم خیلی بدرد بخوره
بچه هایی که RazorPage یا mvc کار میکنن یا حتی برو بچه هایی که با هر زبان دیگه ای دارن از jquery یا خود جاوا اسکریپت توی کداشون استفاده میکنن حتما میدونن برای نوشتن یه فرخوانی ajax همش باید یه سری روند تکراری رو طی کنن.

خب حالا تو این قطعه کد که براتون میزارم خیلی راحت میتونین یه General.js ایجاد کنین و هرجایی خواستین از ajax استفاده کنین خیلی شیک و مجلسی با توجه به نیازتون پارمتر های لازم و بهش بدین و کارتون رو راه بندازین
 این تابع از jquery  استفاده میکنه که خیلی راحت با یه سرچ ساده میتونین جاوا اسکریپت خامش رو هم بنویسین برای خودتون.
پس اول jquery  رو اضافه میکنیم بهش

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

 

بعدش هم تابع خودمون رو تعریف میکنیم.

function genericAjaxCall(url, method, data, successCallback, errorCallback) {
 $.ajax({
 url: url,
 method: method,
 data: data,
 dataType: 'json', // Change the dataType based on your server response type
 contentType: "application/json; charset=utf-8",
 success: function (response) {
 if (successCallback && typeof successCallback === 'function') {
 successCallback(response);
 }
 },
 error: function (xhr, status, error) {
 if (errorCallback && typeof errorCallback === 'function') {
 errorCallback(xhr, status, error);
 }
 }
 });
}

حالا یه مورد دیگه هم ممکنه پیش بیاد اینه که بچه های mvc یا razor گاهی اکشن هایی صدا میزنن که مقدار برگشتیشون  partialview  هست و خب میدونیم partial-view از جنس html هست پس میتونیم یه دونه دیگه برای این نیاز تعریف کنیم

فقط کافیه 

 dataType: 'html', // Change the dataType based on your server response type

انجام بشه. خب تعریف تابع تموم شد حالا ببینیم چطوری میشه ازش استفاده کرد.

function CallgetAjax() {
 genericAjaxCall("Your Url", "GET", data, function (response) {
 // Handle success
 console.error('Success');
 },
 function (xhr, status, error) {
 // Handle error
 console.error('Error:', status, error);
 });
}

به همین راحتی، به نظرم بدرد بخوره این کد و امیدوارم ازش استفاده کنیدو و لذتشو ببرید


مقاله برنامه نویسی پیمان ۹۴
تفاوت hashset و list
تفاوت hashset و list

در این مقاله به بررسی hashset و مقایسه آن با لیست ها میپردازیم

۱۴۰۳/۰۴/۰۱ ۵۵
پیمان دهقان

شخصی سازی identity
شخصی سازی identity

در این مقاله قصد دارم یکم identity مایکروسافت رو شخصی سازی کنم

۱۴۰۳/۰۳/۲۵ ۷۶
پیمان دهقان

معرفی کتابخانه Bootstrap Flags
معرفی کتابخانه Bootstrap Flags

یه کتابخونه باحال برای ایکون پرچم ها

۱۴۰۳/۰۳/۱۵ ۷۹
پیمان دهقان

قالب API پاندا
قالب API پاندا

قالب آماده برای پروژه های API

۱۴۰۳/۰۳/۰۷ ۸۳
پیمان دهقان

آموزش ایجاد Template برای nuget
آموزش ایجاد Template برای nuget

۱۴۰۳/۰۳/۰۴ ۶۸
پیمان دهقان

یک جنریک از Ajax
یک جنریک از Ajax

۱۴۰۳/۰۲/۲۸ ۹۴
پیمان