Here is the code..I think action i ajax not working and getting 403 error! using Wamp and running Wordpress on it
js code jQuery('#InsertionForm').submit(
function (){
var x = jQuery('#nm').val();
var y = jQuery('#em').val();
jQuery.ajax({
type:"POST",
url: "<?php echo admin_url('admin-ajax.php'); ?>",
data: {
action: 'get_my_option',
namo: x,
emao: y
},
success:function(){
alert("working");
}
});
return false;
});
main plugin code ..please can anyone tell me ...the given bellow code is in right sequence or not?
<?php
/*
Plugin Name: lucky
*/
//adding script files in HTML
wp_enqueue_script('myscript', plugins_url('myscript.js', __FILE__),
array('jquery'), '', true);
wp_localize_script( 'myscript', 'my_ajax_object',
array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) );
function get_my_option()
{
//do something
alert("this is a function action: in ajax");
}
add_action("wp_ajax_nopriv_get_my_option", "get_my_option");
add_action("wp_ajax_get_my_option", "get_my_option");
#Shortcode function.........................................
function html_form_code() {
global $wpdb;
# Input form fields.....
echo '<form method="post" id="InsertionForm">';
echo '<h3>Insertion Form</h3>';
echo '<p>Your Name (required) <br/>';
echo '<input id="nm" type="text" name="namel" value="" size="40" />';
echo '</p>';
echo '<p>';
echo 'Your Email (required) <br/>';
echo '<input id="em" type="email" name="emaill" value="" size="40" />';
echo '</p>';
echo '<p><input type="submit" name="submitbtn" value="Send"> ';
echo '</form>';
}
function my_ajax() {
$nom = $_POST['namo'];
$emo = $_POST['emao'];
global $wpdb;
$wpdb -> insert( 'lucky_wpdb', array('namel' => $nom, 'emaill' => $emo)
);
echo 'Submitted';
}
//Shortcode working here....
add_shortcode( 'sitepoint_contact_form', 'html_form_code' );
?>
Thanks to everyone for helping me...But I have solved the issue.. here is the code for answer seekers......It works....
Here is the main php file of plugin...I was created..
<?php
/*
Plugin Name: lucky
Plugin URI:
Description:
Version:
Author:
Author URI:
License:
License URI:
*/
#Ajax action function.......
function get_my_option() {
$nom = $_POST['namo'];
$emo = $_POST['emao'];
global $wpdb;
$wpdb -> insert( 'lucky_wpdb', array('namel' => $nom, 'emaill' => $emo) );
echo 'Submitted';
}
#Shortcode function.........................................
function html_form_code() {
# Input form fields.....
echo '<form method="post" id="InsertionForm">';
echo '<h3>Insertion Form</h3>';
echo '<p>Your Name (required) <br/>';
echo '<input id="nm" type="text" name="namel" value="" size="40" />';
echo '</p>';
echo '<p>';
echo 'Your Email (required) <br/>';
echo '<input id="em" type="email" name="emaill" value="" size="40" />';
echo '</p>';
echo '<p><input type="submit" name="submitbtn" value="Send"> ';
echo '</form>';
}
//adding script files....
wp_enqueue_script('myscript', plugins_url('myscript.js', __FILE__), array('jquery'), '', true); // ajax script file...
wp_localize_script( 'myscript', 'ajax_object',
array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ) ); //including admin-ajax.php in website html
//Shortcode working here....
add_shortcode( 'sitepoint_contact_form', 'html_form_code' );
?>
myscript.js code...
// AJAX FORM SUBMITION CODE......
jQuery('#InsertionForm').submit(
function ajaxSubmit(){
var x = jQuery('#nm').val();
var y = jQuery('#em').val();
jQuery.ajax({
type:"POST",
url: ajax_object.ajax_url,
data: {
'action': 'get_my_option', //action calling to insert data in wordpress db...
'namo': x,
'emao': y
},
success:function($data){
alert($data);
}
});
return false;
})
Put this code in functions.php of your selected theme...
add_action("wp_ajax_nopriv_get_my_option", "get_my_option");
add_action("wp_ajax_get_my_option", "get_my_option");
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments