Question

对于如何完成这件事，我真的很无能为力。我需要使用电子邮件按钮进行订阅，并且需要进行验证并显示一条成功消息，加载和错误。

我之前从未使用过Ajax，这是我必须要做的事情，我必须使用名为newsletter.php的服务器上的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/

这就是成功应该是什么样子，错误和加载几乎相同。 What the success message looks like

希望这不是太遥远，我还没有使用过java脚本，但我或多或少了解。

由于

Answer 1

我在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!");
}

}）;

Here it is.

它使用jQuery作为ajax请求该示例显示了ajax的工作原理。

使用Ajax订阅表单

1 个答案: