フロントエンドデータ送信方法

一、Formフォーム形式
ラベルラベル:form(呼び出しメソッドactionと要求メソッドmethodを宣言)ラベル:input(フィールドname;値value)
1.フィールド分割方式
.htmlファイルコミットデータ

.phpファイル取得データ

$username = I('username');
$password = I('password');

2.フィールド集合方式
.htmlファイルコミットデータ

.phpファイル取得データ

$user = I('User');
$username = user['username'];
$password = user['password'];

二、AJAX方式
ラベル:input(一意識別id;値value)ラベル:script(宣言メソッドfunction)jQuery:$("#id").val()(idの値を取得)jQuery:$.ajax(ajaxリクエスト方式書き方)
htmlスタイルデータbody

script要求データhead

    function loginAction() {
        /*         */
        document.getElementById("submit").innerHTML="   ";
        /*      */
        var account = $("#username").val(), password = $("#password").val();
        var data = {
            'username' : account,
            'password' : password
        };
        /* ajax  */
        $.ajax({
            type : "POST",                  //     
            url : "__URL__/do_login",       //        
            data : data,                    //     
            async : true,                   //     
            cache : false,                  //   
            dataType : "json",              //        
            /*         （           */
            complete : function(XMLHttpRequest, textStatus){
                document.getElementById("submit").innerHTML="   ";
            },
            /*         */
            success : function(data, textStatus) {                    
                if (data.code == 0) {
                    window.location.href = "{:U('Index/index')}"; 
                }else{
                    console.log(data.message);
                }
            },
            /*         */
            error : function(XMLHttpRequest, textStatus, errorThrown){

            },
        });
    }