سلام
توی این پست میخوام یه تابع جنریک از 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 و مقایسه آن با لیست ها میپردازیم
۱۴۰۳/۰۴/۰۱
۱۲۴
پیمان دهقان
شخصی سازی identity
در این مقاله قصد دارم یکم identity مایکروسافت رو شخصی سازی کنم
۱۴۰۳/۰۳/۲۵
۱۴۵
پیمان دهقان