jQueryの$.post()
でデータを送信するフォームがあります。電子メールとパスワードの入力方法の検索
{state: true, message: 'Some Message'}
しかし、私はフォームフィールドを送信することはできません。エンコードされたときに、このようになりますと、正常に動作します
header('Content-type: javascript/json');
echo json_encode(['state' => true, 'message' => 'Some Message']);
exit;
:PHPファイルは、この形式でレスポンスを返します。私は関数を使ってみましたが、コンソールにundefined
を返します。ここで
は私のコードです:
$(document).ready(function() {
var Member = {
login_form: $('#login'),
create_form: $('#register'),
response: false,
response_message: '',
login: function() {
var email = this.login_form.find('input[type=email]').val();
var password = this.create_form.find('input[type=password]').val();
this.request('/members/login', {
email: email,
password: password
});
},
create: function() {
var email = this.create_form.find('input[type=email]').val();
var password = this.create_form.find('input[type=password]').val();
this.request('/members/create', {
email: email,
password: password
});
},
request: function(uri, params) {
$.post(uri, params)
.done(function(r) {
Member.response = r.state;
if (!r.state) {
Member.response_message = r.message;
}
});
},
getEmail: function() {
\t return this.create_form.find('input[type=email]').val();
},
getPassword: function() {
\t return this.create_form.find('input[type=password]').val();
}
};
$('#submit').click(function() {
\t Member.login();
console.log('[L_CTRL] Response : ' + Member.response_message);
console.log('[L_CTRL] Email : ' + Member.getEmail());
console.log('[L_CTRL] Password : ' + Member.getPassword());
});
});
input {
margin: 5px;
background: none;
padding: 5px;
border: 1px solid #000;
width: 80%;
}
button {
padding: 5px;
border: 1px solid #000;
background: none;
cursor: pointer;
}
button:hover {
background: #000;
color: #fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<h1>
Login
</h1>
<form id='login'>
<input type='email' placeholder='Enter your email address...'>
<input type='password' placeholder='Enter your unique password...'>
<button type='button' id='submit'>
Go
</button>
</form>
誰でも入力フィールドのval()
にアクセスするには正しい方向に私を指すもらえますか?ありがとうございました。
アップデート:私はつまり、直接それはそのIDを使用して検索したくない:
$('#email').val();
ID年代を形成するためのフォームから変更することができますので。あなたが前にそれを受け取る応答にアクセスしようとしている
PHPの出力はJSONオブジェクトです。 HTMLではありません。状態とメッセージの値を取得することはできます。 – SaidbakR
私はあなたのフォームをラベルと入力名とIDで正しく作成することをお勧めします。そうでないと、意味のないフォームが作成されてしまいます。ほとんどの場合、一部のユーザーはアクセスできないでしょう – JezEmery
1つのページに複数のログインフォームがあるので、私はクラスを使うことができますが、 'nearest()'のような使い慣れたメソッドを使う必要があることを知っていますので、 'find()'を簡単に見つけました。 '。login-form')@JezEmery – KDOT