[WordPress] ワードプレスで ajax を使用したフォームを送信します。

スポンサーリンク

Question

私は ajax を使用した html フォームを送信する jquery 関数を作成しようとしています。POST メソッドでの標準的な html フォームを構築し、今、私は jquery 一部を作成しようとして問題があります。下記が私のコードです:

$(document).ready(function() {
$(‘form’).submit(function() {
var formData = $(‘form’).serialize();
var href = ‘http://stravomat.michalfolprecht.com/wp-admin/admin-ajax.php';
$.post(href, formData, function(resp) {
console.log(resp);
if ( resp.success ) {
console.log(‘success’);

} else {
console.log(‘alert’);
}
});

// stop the form from submitting the normal way and refreshing the page
event.preventDefault();
});

});

Jquery コードはカスタム ファイルで、ワードプレスのヘッダーにリンクされています。

答え

ワードプレス構造に従って

action

変数 alongwith フォームを渡し、add_action メソッドを使用してそのアクションをキャッチするワードプレスのプラグインとテーマの関数を定義する必要があります。

詳細に下記を参照してください: http://codex.wordpress.org/AJAX_in_Plugins

http://stackoverflow.com/questions/27171772/submit-form-with-ajax-in-wordpress

スポンサーリンク

Leave a Reply