0
آموزش jquery قسمت چهاردهم کار با Ajax
آموزش jquery قسمت چهاردهم کار با Ajax
در قسمت آخر از آموزش jquery به مفهوم Ajax در jquery می پردازیم.
کتابخانه jquery شامل یه سوئیت کامل برای به کارگیری قابلیت های Ajax است. توابع و متدهای موجود در این کتابخانه شما را قادر می سازد تا داده ها را بدون اینکه صفحه Refresh شود از سرور دریافت کنید.
در مثال زیر یک فایل متنی را از سرور خوانده و در مرورگر نمایش می دهیم.
url : مسیر فایل یا آدرس صفحه مورد نظر را مشخص می کنیم.
Success : اگر درخواست موفقیت آمیز باشد این متد اجرا می شود. این تابع داده برگشتی کد و شی jqXHR را دریافت می کند.
Error : اگر درخواست ناموفق بود شی jqXHR و رشته ای شامل نوع خطا و در صورت وجود یک استثنا آن را بر میگرداند.
Complete : پس از پایان درخواست با هر وضعیتی اجرا می شود.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>iranganj</title>
<script src="jquery/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btnAjax").click(function () {
$.ajax({
url: "iranganj.txt",
success: function (result) {$("div").html(result);},
error: function (jqXHR, textStatus, errorThrown) { alert("Insert UnSuccess\n" + errorThrown); },
complete: function (jqXHR, textStatus) { alert("textStatus"); }
});
});
});
</script>
</head>
<body>
<button id="btnAjax">click Ajax Button</button>
<div>
</div>
</body>
</html>
توجه:
فایل های کل 14 قسمت به همراه PDF آموزش در این قسمت برای دانلود قرار داده شده
این مطلب را به اشتراک بگذارید...
نظر / سوال