{"id":9677,"date":"2022-03-27T13:23:08","date_gmt":"2022-03-27T11:23:08","guid":{"rendered":"https:\/\/geehootek.com\/how-to-avoid-admin-ajax-php-400-bad-request-error-when-trying-to-use-ajax-in-wordpress-plugin-hu\/"},"modified":"2022-12-10T12:49:54","modified_gmt":"2022-12-10T11:49:54","slug":"how-to-avoid-admin-ajax-php-400-bad-request-error-when-trying-to-use-ajax-in-wordpress-plugin-hu","status":"publish","type":"post","link":"https:\/\/geehootek.com\/hu\/how-to-avoid-admin-ajax-php-400-bad-request-error-when-trying-to-use-ajax-in-wordpress-plugin-hu\/","title":{"rendered":"Hogyan lehet elker\u00fclni az admin-ajax.php 400 rossz k\u00e9r\u00e9s hib\u00e1j\u00e1t, amikor az ajaxot pr\u00f3b\u00e1lja haszn\u00e1lni a WordPress be\u00e9p\u00fcl\u0151 modulj\u00e1ban"},"content":{"rendered":"\n

Amikor az ajax technich-et pr\u00f3b\u00e1lja haszn\u00e1lni a wordpress be\u00e9p\u00fcl\u0151 modulok fejleszt\u00e9s\u00e9ben, van n\u00e9mi elt\u00e9r\u00e9s a norm\u00e1l m\u00f3dt\u00f3l. Nagyon r\u00e9g\u00f3ta dolgozom \u00e9s keresg\u00e9lek rajta, nagyon neh\u00e9z egyetlen bejegyz\u00e9st \u00f6sszegy\u0171jteni, hogy egy\u00e9rtelm\u0171v\u00e9 tegyem. Teh\u00e1t itt megpr\u00f3b\u00e1lok jobb magyar\u00e1zatot adni ennek minden kulcsfontoss\u00e1g\u00fa pontj\u00e1r\u00f3l.<\/p>\n\n

Mivel az ajax haszn\u00e1lat\u00e1nak m\u00f3dja a wordpress h\u00e1tt\u00e9rben elt\u00e9r el\u0151t\u00e9rben \u00e9s h\u00e1tt\u00e9rben, k\u00f6nnyebb. A t\u00e9m\u00e1t csak az el\u0151t\u00e9rre fogom \u00f6sszpontos\u00edtani.<\/p>\n\n

Miel\u0151tt elolvasn\u00e1 ezt a cikket, k\u00e9rj\u00fck, gy\u0151z\u0151dj\u00f6n meg arr\u00f3l, hogy rendelkezik a WordPress be\u00e9p\u00fcl\u0151 modulok fejleszt\u00e9s\u00e9vel, ajax-szal, php-vel stb. kapcsolatos alapvet\u0151 ismeretekkel, hogy ne vesztegesse az idej\u00e9t az elolvas\u00e1s\u00e1ra, \u00e9s ne kapjon seg\u00edts\u00e9get.<\/p>\n\n

Remek, kezdj\u00fck.<\/p>\n\n

Kulcspont 1<\/h2>\n\n

Ha van egy k\u00fcl\u00f6n JavaScript-f\u00e1jlja , tegy\u00fck fel, hogy a f\u00e1jl a js\/your_ajax_script.js a be\u00e9p\u00fcl\u0151 modul mapp\u00e1j\u00e1ban, akkor el\u0151sz\u00f6r gy\u0151z\u0151dj\u00f6n meg arr\u00f3l, hogy a \u00a0wp_enqueue_script() seg\u00edts\u00e9g\u00e9vel tartalmazza ezt a szkriptet. majd a wp_localize_script() seg\u00edts\u00e9g\u00e9vel hozzon l\u00e9tre egy ajax_objectet a tov\u00e1bbi haszn\u00e1latra.<\/p>\n\n

add_action( 'wp_enqueue_scripts', array($this, 'enqueue_frontend_script') );\n\nfunction enqueue_frontend_script(){\n        wp_enqueue_script( 'ajax-script', PLUGIN_URL <\/strong>. 'js\/your-ajax-script.js', array('jquery') );\n        wp_localize_script( 'ajax-script', 'your_ajax_object<\/strong>', array( 'ajax_url' => admin_url( 'admin-ajax.php' )<\/strong> ) );\n}<\/code><\/pre>\n\n
A PLUGIN_URL egy konst, amely a be\u00e9p\u00fcl\u0151 modul URL-c\u00edm\u00e9re hivatkozik, a your_ajax_object az ajax_object neve, tetsz\u00e9s szerint nevezheti el. Az array(‘ajax_url’ => admin_url(‘admin-ajax.php’) a your_ajax_object ajax_url tulajdons\u00e1g\u00e1nak defin\u00edci\u00f3ja. Gy\u0151z\u0151dj\u00f6n meg arr\u00f3l, hogy nincsenek el\u00edr\u00e1si hib\u00e1k az admin_url(‘admin-ajax.php’ )<\/p>\n\n
Kulcspont 2<\/h2>\n\n
N\u00e9zz\u00fck el\u0151sz\u00f6r a forgat\u00f3k\u00f6nyvet.<\/p>\n\n
jQuery(document).ready(function($){\n    $('.btn_del_row').click(function(){\n        var id = $(this).data('id');\n        var confirmalert = confirm(\"Are you sure ?\");\n        if (confirmalert == true) {\n            var data <\/strong>= {\n                'action': 'your_ajax_action<\/strong>',\n                'id'    : id,\n            };\n            jQuery.post( your_ajax_object<\/strong>.ajax_url<\/strong>, data<\/strong>, function(response){\n                alert('Got this from the server: ' + response);\n            });\n        }\n    });\n});<\/code><\/pre>\n\n
Ebben a javascriptben gy\u0151z\u0151dj\u00f6n meg arr\u00f3l, hogy a megadott ajax_object-et \u00e9s annak tulajdons\u00e1g\u00e1t haszn\u00e1lja, eset\u00fcnkben ez a your_ajax_object.ajax_url.<\/p>\n\n
A m\u0171velethez k\u00fcld\u00f6tt adatokban meg kell eml\u00edteni a m\u0171velet nev\u00e9t , eset\u00fcnkben ez az ‘action’ illat: ‘your_ajax_action’, ezt a m\u0171velet nev\u00e9t tetsz\u00e9s szerint nevezheti el, de ne feledje, hogy a pontosan ugyanazt a nevet, ahol sz\u00fcks\u00e9g van r\u00e1. Megl\u00e1tod.<\/p>\n\n
Kulcspont 3<\/h2>\n\n
Kapcsolja be a m\u0171veleti funkci\u00f3t a bejelentkezett \u00e9s a bejelentkezett felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra.<\/p>\n\n
add_action( 'wp_ajax_your_ajax_action<\/strong>', 'your_ajax_action<\/strong>' );\nadd_action( 'wp_ajax_nopriv_your_ajax_action<\/strong>', 'your_ajax_action<\/strong>' );\n\nfunction your_ajax_action<\/strong> (){\n    global $wpdb;\n    $id = $_POST['id'];\n    \/\/ do something you like ...\n    echo $result;\n    wp_die();<\/strong>\n}<\/code><\/pre>\n\n
Tekintse meg a fenti k\u00f3dot, rem\u00e9lem \u00e9szrevette, hogy 5 helyen ugyanazt a sz\u00f3t haszn\u00e1lja, mint a „your_ajax_action”, amely a javascript k\u00f3dban van meghat\u00e1rozva. ennek pontosan ugyanannak kell lennie, k\u00fcl\u00f6nben nem fog m\u0171k\u00f6dni.<\/p>\n\n
A php f\u00fcggv\u00e9ny v\u00e9g\u00e9n ne felejtsd el bez\u00e1rni a wp_die();<\/p>\n\n
Az ajax haszn\u00e1lata a wordpress be\u00e9p\u00fcl\u0151 modulban kiss\u00e9 bosszant\u00f3, de rem\u00e9lem, sikeres lesz, miut\u00e1n k\u00f6veti a magyar\u00e1zatomat.<\/p>\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\n\t\t\t
\n\t\t\t\t
K\u00fcldj\u00f6n \u00fczenetet nek\u00fcnk<\/h4> \n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n
\n
<\/p> 
    <\/ul><\/div>\n
    \n
    \n<\/fieldset>\n
    \n\t
    <\/span>\n\t<\/p>\n\t
    <\/span>\n\t<\/p>\n\t
    <\/span>\n\t<\/p>\n\t
    <\/span>\n\t<\/p>\n\t