我正在创建一个插件，其中有一个仪表板Settings API. 我正试图通过AJAX.
形式：
public function agy_dashboard_page() {
?>
<form id="agy-form-submit" action="options.php" method="post">
<?php
settings_errors( \'agy_settings_fields\' );
wp_nonce_field( \'agy_dashboard_save\', \'agy_form_save_name\' ); // CHECK THIS AT THE END
settings_fields( \'agy_settings_fields\' );
?>
<div id="agy-tab1" class="agy-tabcontent">
<?php do_settings_sections( \'agy_settings_section_tab1\' ); ?>
</div>
<?php
submit_button(
__( \'Save Changes\', \'agy\' ),
\'\',
\'agy_save_changes_btn\',
true,
array( \'id\' => \'agy-save-changes-btn\' )
);
if ( wp_doing_ajax() ) {
wp_die();
}
?>
</form>
<?php
if ( ! isset( $_POST[\'agy_form_save_name\'] ) ||
! wp_verify_nonce( $_POST[\'agy_form_save_name\'], \'agy_dashboard_save\' ) ) {
return;
}
?>
<?php
}
注册设置：
public function agy_register_settings() {
register_setting( \'agy_settings_fields\', \'agy_settings_fields\', \'agy_sanitize_callback\' );
// Adding sections
add_settings_section( \'agy_section_id\', __( \'General\', \'agy\' ), array(
$this,
\'agy_settings_section_callback\'
), \'agy_settings_section_tab1\' );
// General page fields
add_settings_field( \'agy_section_id_enabled_disabled\', __( \'Enable / Disable\', \'agy\' ), array(
$this,
\'agy_section_id_enabled_disabled\'
), \'agy_settings_section_tab1\', \'agy_section_id\' );
add_settings_field( \'agy_section_id_unregister_user\', __( \'Show for unregistered users only\', \'agy\' ), array(
$this,
\'agy_section_id_unregister_user\'
), \'agy_settings_section_tab1\', \'agy_section_id\' );
add_settings_field( \'agy_section_id_debug_mode\', __( \'Activate Debug mode\', \'agy\' ), array(
$this,
\'agy_section_id_debug_mode\'
), \'agy_settings_section_tab1\', \'agy_section_id\' );
}
AJAX：
function agyAjaxSubmit() {
var agyFormData = new FormData(this);
agyFormData.append(\'agy_save_changes_btn\', 1);
agyFormData.append(\'security\', agy_public_ajax.agy_publisher_name);
$.ajax({
type: \'POST\',
url: agy_admin_ajax.ajax_ajaxurl,
data: agyFormData,
processData: false,
contentType: false,
success: function () {
console.log(\'work\');
},
error: function () {
console.log(\'not work\');
}
});
return false;
}
$(\'#agy-form-submit\').submit(agyAjaxSubmit);
无
AJAX, 它工作得很好。但是有
AJAX, 它没有保存任何数据。
非常感谢您的帮助。
最合适的回答,由SO网友:Tommy Pradana 整理而成
我刚刚测试了您的代码，我想您的javascript中的ajaxurl是错误的，它一定是：
<?php echo admin_url( \'options.php\' ); ?>
这是我测试过的代码。
class TestAjaxSettingsAPI {
public function __construct() {
add_action( \'admin_menu\', array( $this, \'agy_admin_menu\' ) );
add_action( \'admin_init\', array( $this, \'agy_register_settings\') );
}
public function agy_admin_menu() {
add_menu_page( \'Agy menu\', \'Agy menu\', \'manage_options\', \'agy-menu\', array( $this, \'agy_dashboard_page\' ), \'\', 99 );
}
public function agy_dashboard_page() {
?>
<form id="agy-form-submit" action="options.php" method="post">
<?php
settings_errors( \'agy_settings_fields\' );
wp_nonce_field( \'agy_dashboard_save\', \'agy_form_save_name\' ); // CHECK THIS AT THE END
settings_fields( \'agy_settings_fields\' );
?>
<div id="agy-tab1" class="agy-tabcontent">
<?php do_settings_sections( \'agy_settings_section_tab1\' ); ?>
</div>
<?php
submit_button(
__( \'Save Changes\', \'agy\' ),
\'\',
\'agy_save_changes_btn\',
true,
array( \'id\' => \'agy-save-changes-btn\' )
);
if ( wp_doing_ajax() ) {
wp_die();
}
?>
</form>
<script>
function agyAjaxSubmit() {
var agyFormData = new FormData(this);
agyFormData.append(\'agy_save_changes_btn\', 1);
// agyFormData.append(\'security\', agy_public_ajax.agy_publisher_name);
jQuery.ajax({
type: \'POST\',
url: \'<?php echo admin_url( \'options.php\' ); ?>\',
data: agyFormData,
processData: false,
contentType: false,
success: function () {
console.log(\'work\');
},
error: function () {
console.log(\'not work\');
}
});
return false;
}
jQuery(\'#agy-form-submit\').submit(agyAjaxSubmit);
</script>
<?php
if ( ! isset( $_POST[\'agy_form_save_name\'] ) ||
! wp_verify_nonce( $_POST[\'agy_form_save_name\'], \'agy_dashboard_save\' ) ) {
return;
}
?>
<?php
}
public function agy_settings_section_callback() {}
public function agy_section_id_enabled_disabled() {
// get the value of the setting we\'ve registered with register_setting()
$setting = get_option(\'agy_settings_fields\');
// output the field
?>
<input type="text" name="agy_settings_fields" value="<?php echo isset( $setting ) ? esc_attr( $setting ) : \'\'; ?>">
<?php
}
public function agy_register_settings() {
register_setting( \'agy_settings_fields\', \'agy_settings_fields\' );
// Adding sections
add_settings_section( \'agy_section_id\', __( \'General\', \'agy\' ), array(
$this,
\'agy_settings_section_callback\'
), \'agy_settings_section_tab1\' );
add_settings_field( \'agy_section_id_enabled_disabled\', __( \'Enable / Disable\', \'agy\' ), array(
$this,
\'agy_section_id_enabled_disabled\'
), \'agy_settings_section_tab1\', \'agy_section_id\' );
}
}
new TestAjaxSettingsAPI();
