{"id":9671,"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-zh-hans\/"},"modified":"2022-12-10T12:50:09","modified_gmt":"2022-12-10T11:50:09","slug":"how-to-avoid-admin-ajax-php-400-bad-request-error-when-trying-to-use-ajax-in-wordpress-plugin-zh-hans","status":"publish","type":"post","link":"https:\/\/geehootek.com\/zh-hans\/how-to-avoid-admin-ajax-php-400-bad-request-error-when-trying-to-use-ajax-in-wordpress-plugin-zh-hans\/","title":{"rendered":"\u5c1d\u8bd5\u5728 WordPress \u63d2\u4ef6\u4e2d\u4f7f\u7528 ajax \u65f6\u5982\u4f55\u907f\u514d admin-ajax.php 400 \u9519\u8bef\u8bf7\u6c42"},"content":{"rendered":"\n

\u5f53\u60a8\u5c1d\u8bd5\u5728 wordpress \u63d2\u4ef6\u5f00\u53d1\u4e2d\u4f7f\u7528 ajax \u6280\u672f\u65f6\uff0c\u4e0e\u6b63\u5e38\u65b9\u5f0f\u6709\u4e00\u4e9b\u4e0d\u540c\u3002 \u6211\u4e00\u76f4\u5728\u52aa\u529b\u548c\u641c\u7d22\u5b83\u5f88\u957f\u65f6\u95f4\uff0c\u5f88\u96be\u5f97\u5230\u4e00\u4e2a\u5e16\u5b50\u6765\u8bf4\u5f97\u5f88\u6e05\u695a\u3002 \u6240\u4ee5\u5728\u8fd9\u91cc\uff0c\u6211\u8bd5\u56fe\u5bf9\u5176\u4e2d\u7684\u6240\u6709\u5173\u952e\u70b9\u505a\u51fa\u66f4\u597d\u7684\u89e3\u91ca\u3002<\/p>\n\n

\u7531\u4e8e\u5728wordpress\u540e\u7aef\u4f7f\u7528ajax\u7684\u65b9\u5f0f\u4e0e\u524d\u7aef\u4e0d\u540c\uff0c\u800c\u5728\u540e\u7aef\uff0c\u5b83\u66f4\u5bb9\u6613\u3002 \u6211\u53ea\u4f1a\u505a\u4e00\u4e2a\u5173\u4e8e\u524d\u7aef\u7684\u8bdd\u9898\u3002<\/p>\n\n

\u5728\u60a8\u9605\u8bfb\u8fd9\u7bc7\u6587\u7ae0\u4e4b\u524d\uff0c\u8bf7\u786e\u4fdd\u60a8\u5177\u6709 WordPress \u63d2\u4ef6\u5f00\u53d1\u3001ajax\u3001php \u7b49\u65b9\u9762\u7684\u57fa\u7840\u77e5\u8bc6\uff0c\u8fd9\u6837\u60a8\u5c31\u4e0d\u4f1a\u6d6a\u8d39\u65f6\u95f4\u9605\u8bfb\u5b83\u800c\u5f97\u4e0d\u5230\u4efb\u4f55\u5e2e\u52a9\u3002<\/p>\n\n

\u592a\u597d\u4e86\uff0c\u8ba9\u6211\u4eec\u5f00\u59cb\u5427\u3002<\/p>\n\n

\u8981\u70b91<\/h2>\n\n

\u5982\u679c\u60a8\u6709\u4e00\u4e2a\u5355\u72ec\u7684 javaScript \u6587\u4ef6\uff0c\u5047\u8bbe\u8be5\u6587\u4ef6\u662f\u63d2\u4ef6\u6587\u4ef6\u5939\u4e0b\u7684 js\/your_ajax_script.js\uff0c\u90a3\u4e48\u60a8\u5fc5\u987b\u786e\u4fdd\u9996\u5148\u4f7f\u7528 wp_enqueue_script() \u5305\u542b\u6b64\u811a\u672c\u3002 \u7136\u540e\u4f7f\u7528 wp_localize_script() \u521b\u5efa\u4e00\u4e2a ajax_object \u4f9b\u60a8\u8fdb\u4e00\u6b65\u4f7f\u7528\u3002<\/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
PLUGIN_URL \u662f\u5f15\u7528\u4f60\u7684\u63d2\u4ef6 url \u7684\u5e38\u91cf\uff0cyour_ajax_object \u662f ajax_object \u7684\u540d\u79f0\uff0c\u4f60\u53ef\u4ee5\u968f\u610f\u547d\u540d\u3002 array( ‘ajax_url’ => admin_url( ‘admin-ajax.php’ ) \u662f your_ajax_object \u7684\u5c5e\u6027 ajax_url \u7684\u5b9a\u4e49\u3002\u786e\u4fdd admin_url( ‘admin-ajax.php’ ) \u6ca1\u6709\u62fc\u5199\u9519\u8bef<\/p>\n\n
\u8981\u70b92<\/h2>\n\n
\u6211\u4eec\u5148\u6765\u770b\u811a\u672c\u3002<\/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
\u5728\u6b64 javascript \u4e2d\uff0c\u786e\u4fdd\u4f7f\u7528\u60a8\u5b9a\u4e49\u7684 ajax_object \u53ca\u5176\u5c5e\u6027\uff0c\u5728\u6211\u4eec\u7684\u4f8b\u5b50\u4e2d\u662f your_ajax_object.ajax_url\u3002<\/p>\n\n
\u5728\u53d1\u9001\u7ed9\u52a8\u4f5c\u7684\u6570\u636e\u4e2d\uff0c\u4f60\u5fc5\u987b\u63d0\u5230\u52a8\u4f5c\u540d\u79f0\uff0c\u5728\u6211\u4eec\u7684\u4f8b\u5b50\u4e2d\u662f\u8fd9\u4e2a\u6c14\u5473’action’\uff1a’your_ajax_action’\uff0c\u4f60\u53ef\u4ee5\u968f\u610f\u547d\u540d\u8fd9\u4e2a\u52a8\u4f5c\u540d\u79f0\uff0c\u4f46\u8bf7\u8bb0\u4f4f\uff0c\u4f60\u5fc5\u987b\u4f7f\u7528 \u5728\u9700\u8981\u7684\u5730\u65b9\u4f7f\u7528\u5b8c\u5168\u76f8\u540c\u7684\u540d\u79f0\u3002 \u4f60\u4f1a\u770b\u89c1\u3002<\/p>\n\n
\u8981\u70b93<\/h2>\n\n
\u4e3a\u767b\u5f55\u548c\u767b\u5f55\u7528\u6237\u6302\u94a9\u60a8\u7684\u64cd\u4f5c\u529f\u80fd\u3002<\/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
\u770b\u770b\u4e0a\u9762\u7684\u4ee3\u7801\uff0c\u5e0c\u671b\u4f60\u6ce8\u610f\u5230\u6709 5 \u4e2a\u5730\u65b9\u4f7f\u7528\u4e86\u5728\u4f60\u7684 javascript \u4ee3\u7801\u4e2d\u5b9a\u4e49\u7684\u540c\u4e00\u4e2a\u8bcd\u201cyour_ajax_action\u201d\u3002 \u8fd9\u5fc5\u987b\u5b8c\u5168\u76f8\u540c\uff0c\u5426\u5219\u5c06\u65e0\u6cd5\u6b63\u5e38\u5de5\u4f5c\u3002<\/p>\n\n
\u5728 php \u51fd\u6570\u7684\u672b\u5c3e\uff0c\u4e0d\u8981\u5fd8\u8bb0\u4f7f\u7528 wp_die() \u5173\u95ed\u5b83\uff1b<\/p>\n\n
\u5728 wordpress \u63d2\u4ef6\u4e2d\u4f7f\u7528 ajax \u6709\u70b9\u70e6\u4eba\uff0c\u4f46\u5e0c\u671b\u60a8\u5728\u6309\u7167\u6211\u7684\u89e3\u91ca\u540e\u80fd\u591f\u6210\u529f\u5b8c\u6210\u3002<\/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
\u53d1\u6d88\u606f\u7ed9\u6211\u4eec<\/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