我正在努力掌握在wordpress中使用AJAX的技巧，下面的代码使用wordpress功能快捷码[ajaxf]创建了一个带有输入框的表单。

<?php
add_action( "wp_ajax_ajaxcf", "my_action_callback" );
add_action( "wp_ajax_nopriv_ajaxcf", "my_action_callback" );

function my_action_callback() {
    $whatever = intval( $_POST[\'fname\'] );
    echo $whatever;
    die(); 
}
function ajax_contact_form() {
?>
<script type="text/javascript" >
jQuery(".submit").click(function() {
    jQuery.post(ajaxurl, $(\'#ajaxForms\').serialize(), function(response) {
        alert(\'Got this from the server: \' + response);
    });
}); 
</script>

<form id="ajaxForms">   
    <label for="fname">First Name:</label>
    <input id="fname" name="fname" value="First Name" type="text" />
  </p>

  <p class="submit">
    <input name="action" type="hidden" value="ajaxcf" />
    <input id="submit_button" class="submit" value="Send" type="button" />
  </p>
</form>
<?php
    }
add_shortcode("ajaxcf", "ajax_contact_form");

感谢您的帮助。

谢谢