sencha touchを使用してデータベースとリモート接続する方法

Question

sencha touchを使用してデータベースとリモート接続する方法 つまり、フォームをリモートデータベースに送信するにはどうすればいいですか？ データベースからフォームが正常に送信されたという応答をどのように取得しますか？

Answer 1

Ext.Ajaxリクエストを行うことで可能です。

のは、あなたのフォームは3つのフィールドを持っていると仮定しましょう： -

• 名（textfield）
• パスワード（passwordfield）
• 年齢（numberfield）

あなたは、これらのフィールドの値を取得します下記に示すように、

..... 
..... 
// form code ... 
{ 
    xtype:'button', 
    id:'submitBtn', 
    text:'Submit', 
    ui:'confirm', 
    listeners : { 
     tap : function() { 
       var form = Ext.getCmp('form-id'); 
       var values = form.getValues(); 
       Ext.Ajax.request({ 
         url: 'http://www.servername.com/insert.php', 
         params: values, 

         success: function(response){ 
          var text = response.responseText; 
          Ext.Msg.alert('Success', text); 
        } 

        failure : function(response) { 
          Ext.Msg.alert('Error','Error while submitting the form'); 
          console.log(response.responseText); 
        } 
       }); 
     } 
    } 
.... 
.... 

サーバー側でinsert.phpコードがデータベースに接続し、値&を挿入してユーザーに返信します。

<?php 
$con = mysql_connect("server","username","password"); 
mysql_select_db('database_name',$con); 

$insertQry = "INSERT INTO tableName(name,password,age) VALUES ('".$_POST['name']."','".$_POST['password']."','".$_POST['age']."')"; 

if(mysql_query($insertQry)) 
{ 
    echo('success'); 
} 
else 
{ 
    echo('failure' . mysql_error()); 
} 
?>