اجرای کدهای وردپرس در تابع جاوا اسکریپت

اجرای کدهای وردپرس در تابع جاوا اسکریپت نیاز به استفاده از یک صفحه کمکی می باشد. در زمان برنامه نویسی برای اجرای یکسری رخداد ها همچون onclick بدون نیاز به رفرش شدن صفحه ، از کدهای جاوا اسکریپت استفاده می کنیم. توابع جاوا اسکریپت به ما کمک می کنند که بدون بارگذاری مجدد صفحه ، رخداد ها را بوجود آوریم و مقادیری را ارسال و دریافت نماییم. قرار دادن کدهای php در تابع جاوا اسکریپت مسئله ای بود که حل شد. کدهای وردپرس برای اجرا شدن نیاز به پردازش ها مختلفی دارند که کمی متفاوت به شمار میاید.

• چگونه کدهای وردپرس در تابع جاوا اسکریپت اجرا کنیم ؟
• روش فراخوانی کد های وردپرس در جاوا اسکریپت ؟
• تابع چیست ؟
• چگونه کد php در تابع جاوا اسکریپت اجرا کنیم ؟

اجرای کدهای وردپرس در تابع جاوا اسکریپت یک موضوعی است که با توجه به گسترش استفاده از وردپرس بسیار حائز اهمیت است که به آن خواهیم پرداخت.

اجرای کد های php در جاوا اسکریپت

برای اجرای برخی کدها بدون نیاز به رفرش شدن صفحه از توابع جاوا اسکریپت ( JavaScript Function ) استفاده می کنیم . در صورتی که با Refresh شدن صفحه مشکلی ندارید می توانید از توابع خود PHP استفاده کنید و هیچگونه دردسری نخواهید داشت.

تابع چیست؟

تابع ها برای دریافت مقادیر اولیه و پس از پردازش ویژگی های مورد نیاز تعیین شده از سوی برنامه نویس، اقدام به برگرداندن پاسخ به قسمت کد ارسال شده می باشند.

توابع با function مشخص میشوند.

مثلا شما یک تابع می نویسید که دو عدد را از وردی گرفته و حاصلضرب آنان را بر می گرداند.

function sum(a,b){
var sumNum= a*b;
alert (sumNum);
}

در این قسمت با تابع جاوا اسکریپت نوشتیم که دو عدد را گرفته و به صورت پیغام حاصلضرب آنان را نمایش میدهد.

کدهای فوق را داخل تگ script قرار دهید. برای فراخوانی تابع فوق در هر جای کد می توانید بنویسید. sum(2,3); که دو عدد 2 و 3 را ارسال می کند. می توانید هر عددی قرار دهید.

قرار دادن کد php در تابع JS

برای اینکار باید برای قرار دادن کدهای php درون کدهای JavaScript از تگ php استفاده کنید تا بتوانید کدهای خود را قرار دهید.

<script type="text/javascript">
    var my_var = <?php echo json_encode($my_var); ?>;
</script>

اجرای کد های وردپرس در جاوا اسکریپت

شما در نظر بگیرید در حالی کاربر در حال مشاهده صفحه وب سایت شما می باشد ، قصد دارد که با کلیک بروی دکمه مطلب بعدی ، بدون اینکه صفحه رفرش شود شما بتوانید مقاله جدید را نشان دهید.

در این قسمت شما باید از یک فایل کمکی استفاده کنید. و از تابع جاوا اسکریپت اقدام به فراخوانی صفحه مورد نظر شوید.

مراحل اجرای کد وردپرس در جاوا اسکریپت

ابتدا یک فایل ایجاد کنید به نام nema.php و آنرا داخل فایل پوسته خود قرار دهید.

کدهای خود را درون آن قرار دهید و ابتدای صفحه خط زیر را اضافه کنید.

/*template name: nema*/

در نظر داشته باشید که کدهای خود و خط بالا را داخل <?php ?> قرار دهید.

صفحه را ذخیره کنید و به قسمت مدیریت سایت بروید.

یک برگه ایجاد کنید و نام آنرا قرار دهید nema و از قسمت تنظیمات برگه ، برگه nema.php را به عنوان الگو انتخاب کنید.

به کدهای سایت خود که میخواید در آنجا فایل کدهای وردپرس در تابع جاوا اسکریپت اجرا شود بروید.

کد جاوا اسکریپت زیر را اضافه کنید.

		function customtext(){
				var a;
				if(window.XMLHttpRequest){a=new XMLHttpRequest()}
				else{a=new ActiveXObject("Microsoft.XMLHTTP")}
				a.onreadystatechange=function(){
					if(a.readyState==4&&a.status==200){
						document.getElementById("box2").innerHTML += a.responseText
						}
					};
					a.open("POST","<?php bloginfo('url');?>/nema",true);
					a.setRequestHeader("Content-type","application/x-www-form-urlencoded");
					a.send("showsession=a")
			
		}

توسط این کدها شما می توانید اطلاعات خود را توسط تابع جاوا اسکریپت به صفحه nema.php ارسال کنید و کدهای وردپرس را درون آن اجرا کنید و سپس خروجی را در تابع جاوا اسکریپت دریافت نمایید.

نمونه قطع کد در خصوص در مقاله کد رفتن به مطلب بعدی و قبلی با لمس و اسکرول مجددا آمده استم

در صورتی که سوال یا راهنمایی خواستید، می توانید از بخش تیکت همین مطلب با ما در ارتباط باشید.