0

Jqueryを使用して、新しいページを読み込まずにフォームを処理しています。入力フィールド「mailingfield」にメールアドレスを入力してアラートを受信できるようになりました。投稿が機能しない理由がわかりません（より直接的には、画像はクリックしても何もしません。.mailbuttonは画像です。

window.onload = init;

function init() {
    $(".mailbutton").click(function() {
        var email = $(".mailingfield").val();
        $.post("/localhost/PHP_scripts/mailinglist.php", {
            email: email
        }, function(data) {
            var content = $(data).find('#content');
            $("#box").empty().append(content);
        }
        });
    };

mailinglist.phpは、$_POSTによって設定される「email」を探しています。次に、セキュリティなどを検証し、電子メールアドレスがデータベースに挿入された検証に合格すると、コードはdivIDのコンテンツが前に付いたhtmlのブロックを解析します。検証が失敗すると、コンテンツdivが前に付いた同様のhtmlブロックが生成され、関連する警告が表示されます。私はこれを正しい方法で行っていますか？どんな助けでも大歓迎です。

4

2 に答える 2

0

このようにドキュメントレディブロックのボタンにイベントをバインドすることをお勧めします（言うまでもなく、構文エラーを修正しました。URLが正しい限り、これは機能します）：

window.onload = init;

$(function(){

   $(".mailbutton").click(function() {
      var email = $(".mailingfield").val();
      $.post("/localhost/PHP_scripts/mailinglist.php", { email: email }, function(data) {
            var content = $(data).find('#content');
            $("#box").empty().append(content);
      });
   });
});
于 2012-07-20T14:05:29.310 に答える
0

FirefoxのNETタブでfirebugをチェックして、リクエストがクリックで送信されているかどうかを確認します。chromeを使用している場合は、netowrkタブをチェックして、リクエストが生成されているかどうかをクリックで確認します。

投稿のURLが正しいかどうか...

これは、Webサイトがhttp://www.example.com/ であり、yuがajaxリクエストを送信しているページがhttp://www.example.com/makeajaxcall/ajaxrequest.phpである場合、現在のajaxURLであることを意味します。データの投稿はhttp://www.example.com/localhost/PHP_scripts/mailinglist.phpになります

于 2012-07-20T14:07:46.433 に答える