Beta v1.7 Changelog

SEO Book Pro Tracking Plugin for WordPress Beta Version 1.7

Modify the Form Submission

Prevent the default form submission using JavaScript. Attach an event listener to the form’s submit event, stop the default action, and instead collect all the form data.

AJAX Setup in JavaScript

Use jQuery’s AJAX method to send the form data to the server. Since WordPress uses admin-ajax.php for AJAX requests, the URL should point there. The data should include the action parameter, a WordPress nonce for security, and all the form fields.

Server-Side Handling

Create a PHP function in the plugin that handles the AJAX request. This function needs to verify the nonce, check permissions, then process and save each setting using update_option(). After saving, send a success response back.

Security Considerations

Generate a nonce in the form to validate the AJAX request. Ensure that the user has the ‘manage_options’ capability to prevent unauthorized access.

Enqueue AJAX Script

Make sure the JavaScript file with the AJAX code is properly enqueued in the admin area. Also, localize the script to pass the AJAX URL and nonce.

Update Existing JavaScript

The existing tracking.js might have code related to the form. Need to adjust it to handle AJAX submission instead of the default form submission.

Potential issues to watch out for

Nonce Verification

If the nonce isn’t generated or verified correctly, the AJAX request will fail.

Data Serialization

Ensuring all form fields are correctly captured and sent in the AJAX request.

Error Handling

Providing feedback to the user if the save fails, maybe through admin notices or console logs.

Compatibility

Making sure that the AJAX code doesn’t interfere with existing JavaScript functionality, like the tabs or previews.