0

私はこれを行う方法について本当に無知です。メールボタンで購読する必要があり、検証して、成功、読み込み中、エラーの小さなメッセージを表示する必要があります。

私は以前に Ajax を使用したことがなく、これが私がしなければならないことです。ニュースレターを完了するには、サーバー上の php ファイルで事前定義されたコントローラーを使用して ajax 機能を購読しなければなりません。そこにsubscribeという名前の関数を追加して、ajaxリクエストに対するレスポンスを生成します。

それが意味がある場合は、私を助けてください。

これは私のメールアドレス用のフォームです

<div id="subscribeText">
      <form action="" method="post" name="ContactForm" id="ContactForm" >
        <input type="submit" name="subscribeButton" id="subscribeButton" value="Submit" />
        <input type="text" name="subscribeBox"  id="subscribeBox" value="Enter your email address..." size="28" maxlength="28" onFocus="this.value=''" />
      </form>

    </div>

http://jsfiddle.net/vaaljan/R694T/

これは成功した場合の外観であり、エラーと読み込みはほとんど同じです。 成功メッセージの外観

これがあまりにも大げさではないことを願っています。私はまだJavaスクリプトをあまり扱っていませんが、多かれ少なかれ理解しています。

ありがとう

4

1 に答える 1

2

jsfiddle で小さな例を作成しました。

$('#send').click(function (e) {
e.preventDefault();
var emailval = $('input#email').val();
console.log(emailval);
if (emailval !== "") {
    $.ajax({
        cache: false, // no cache
        url: '/echo/json/', // your url; on jsfiddle /echo/json/
        type: 'POST', // request method
        dataType: 'json', // the data type, here json. it's simple to use with php -> json_decode
        data: {
            email: emailval // here the email
        },
        success: function (data) {
            console.log(data);
            $('<strong />', {
                text: 'Successfull subscribed!'
            }).prependTo('#state');
        },
        error: function (e) {
            $('<strong />', {
                text: 'A error occured.'
            }).prependTo('#state');
        },
        fail: function () {
            $('<strong />', {
                text: 'The request failed!'
            }).prependTo('#state');
        }
    });
} else {
    alert("Insert a email!");
}

});

ここにあります。

ajax リクエストには jQuery を使用します。
この例は、ajax がどのように機能するかを示しています。

于 2013-06-23T16:46:06.777 に答える