extフォームでデータを送信する方法のまとめ form_YUI.Ext関連

EXT フォーム ajax 送信 (デフォルトの送信方法)

コードをコピー コードは次のとおりです:

1. function login(item) {
2.
3. if (validatorForm()) {
4. // 繰り返しの送信を防ぐために、ログイン時にログイン ボタンを無効に設定します
5 . this.disabled = true;
6.
7. // 最初のパラメータは送信と読み込みが可能です
8. formPanl.form.doAction('submit', {
9.
10. url : 'user.do?method=login',
11.
12. Method : 'post',
13.
14. // 他に何かあればフォームよりもパラメータをここに追加できます。ここでは一時的に空になります。または、次の文を省略できます。
15. params: ''、
16. フォーム、2 番目の文は Ext.form.Action です。
18. success: function(form, action) {
19.
20. Ext.Msg.alert('operation', action.result.データ);
21. this.disabled = false;
22.
23. },
24. 失敗 : function(form, action) {
25.
26. Ext.Msg.alert('警告', 'ユーザー名またはパスワードが間違っています!');
27. // ログインに失敗しました。送信ボタンを操作可能にリセットします。
28. this.disabled = false; 29.
30. }
31. });
32. this.disabled = false; }




2 の非 ajax 送信。 EXT フォーム

コードをコピー

コードは次のとおりです: 1.非 AJAX 送信フォームを実装するには、必ず次の 2 行を追加してください。 onSubmit : Ext.emptyFn, submit : function() { 2. //アクションアドレスを再度設定します

3. this.getEl().dom.action ='user.do?method=login'; .getEl().dom.method = 'post';

4. this.getEl().dom.submit() },




3.EXT の Ajax 送信

コードをコピー

コード1. 2. 3. Ext.Ajax.request({ 4. //リクエストアドレス

5. url: 'ログイン.do',

6. //パラメータグループを送信します
7. params: {
8. LoginName:Ext.get('LoginName').dom.value,
9. LoginPassword:Ext .get('LoginPassword').dom.value
10. },
11. //成功時のコールバック
12. success: function(response, options) {
13. //Get応答の json 文字列
14. var responseArray = Ext.util.JSON.decode(response.responseText);
15. if(responseArray.success==true){
16. Ext.Msg.alert ('おめでとうございます', 'ログインに成功しました!');
17. }
18. else{
19. Ext.Msg.alert('失敗しました。ログインしてください。もう一度' );
20. }
21. }
22. });