تعداد بازدید: 793
برای استفاده از ایجکس در وردپرس یا یک پلاگین آموزشی را طراحی می کنیم.
ابتدا یک صفحه index.php بسازید و کدهای زیر را در آن بنویسید.
<?php
/*
* Plugin Name: تست ایجکس
* Description: آموزش Ajax
* Version: 1.0
* Author: سید خلیل حسینی
* Author URI: kh.hoseini1394@gmail.com/
*/
add_action('wp_enqueue_scripts', 'script_enqueuer');
function script_enqueuer() {
wp_enqueue_script( 'script', plugins_url('like.js' , __FILE__ ), array('jquery') , false , true);
wp_localize_script( 'script', 'myAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php')));
}
add_action("wp_ajax_myfunc","myfunc");
add_action("wp_ajax_nopriv_myfunc","myfunc");
function myfunc(){
$id = $_POST['id'];
echo $id*2;
die ();
}
function test_ajax(){
echo '<input class="user_like" type="button" value="test">';
}
add_shortcode( "test_ajax", "test_ajax" );
?>
در همان پوشه اصلی پلاگین یک فایل با نام like.js بسازید و کدهای زیر را درون آن قرار دهید.
دو اکشن وجود در این قطعه کد مشخص میکنند که کدهای شما با Ajax برای چه کاربرانی باشد. در واقع کاربران لاگین شده (wp_ajax_myfunc) و لاگین نشده (wp_ajax_nopriv_myfunc) را میتوان به کمک این actionها جدا کرد!
jQuery(document).ready(function($) {
$(".user_like").click(function () {
$.ajax({
type: 'POST',
url: myAjax.ajaxurl,
data: {
id: 4,
'action': 'myfunc'
}, success: function (result) {
alert(result);
},
error: function () {
alert("error");
}
});
});
});
حالا به بخش ساخت برگه ها بروید و یک برگه بسازید و شورت کد test_ajax را درون برگه بنویسید. مثل زیر:
[test_ajax]
به لینک برگه بروید و از Ajax لذت ببرید!
مطالب تصادفی
- دمای اتاق نوزاد چقدر باید باشد؟
- روش تهیهی زرشک پلو با مرغ و 12 راز خوشمزهتر شدن آن
- نکاتی که قبل از خانه تکانی باید انجام دهید
- ترشی گل کلم
- The command interpreter did not run correctly composer
- 47. ایده های عاشقانه
- 87. ایده های عاشقانه
- نصب اکستنشن های vscode برای برنامه نویسان وب فقط با یک کلیک
- با مرکبات بهترین شوینده را درست کنید
- عروس و دامادهای پیر سر سفره عقد!