wordpress ajax表单提交不起作用?

幸运的

这是代码。.我认为我的Ajax无法正常工作并收到403错误!使用Wamp并在其上运行Wordpress

js代码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;

});

主插件代码..请谁能告诉我...给定的波纹管代码是否正确?

    <?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' );

?>
幸运的

感谢大家的帮助...但是我已经解决了问题..这是寻找答案的代码...它的工作原理....

这是插件的主要php文件...我已创建..

    <?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代码...

// 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;

})

将此代码放入所选主题的functions.php中...

add_action("wp_ajax_nopriv_get_my_option", "get_my_option");
add_action("wp_ajax_get_my_option", "get_my_option");

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

wordpress ajax表单提交不起作用?

来自分类Dev

Ajax在Wordpress管理中不起作用

来自分类Dev

Wordpress AJAX不起作用-响应0

来自分类Dev

WordPress + Ajax更新记录不起作用

来自分类Dev

在WordPress的ajax加载不起作用

来自分类Dev

Ajax在WordPress中不起作用

来自分类Dev

通过AJAX提交表单不起作用

来自分类Dev

自动表单提交不起作用的Ajax

来自分类Dev

jQuery Ajax表单提交不起作用

来自分类Dev

我的Ajax表单提交不起作用?

来自分类Dev

Ajax登录表单提交不起作用

来自分类Dev

PHP + AJAX表单提交不起作用

来自分类Dev

表单 AJAX 提交 symfony 不起作用

来自分类Dev

ACF前端表单Wordpress类别不起作用

来自分类Dev

Ajax 调用在 wordpress 中不起作用

来自分类Dev

WordPress入队不起作用

来自分类Dev

ShortCode Wordpress不起作用

来自分类Dev

WordPress 包含不起作用

来自分类Dev

表单提交不起作用

来自分类Dev

表单提交不起作用?

来自分类Dev

在Wordpress中使用Ajax提交表单

来自分类Dev

使用jquery / ajax的基本表单提交不起作用

来自分类Dev

使用Jquery验证插件的Ajax表单提交不起作用

来自分类Dev

sj:提交目标属性在ajax表单上不起作用

来自分类Dev

Ajax jQuery表单提交Codeigniter不起作用

来自分类Dev

Ajax表单提交后,jQuery翻转不起作用

来自分类Dev

提交表单后,AJAX调用不起作用

来自分类Dev

基于 ID 的 AJAX 表单提交不起作用

来自分类Dev

Php ajax 提交表单 .reset() 不起作用