通過AJAX將HTML表單發送到PHP服務器

Question

我正在研究phonegap，基本上就像通過使用HTML，JS和CSS使mobileapps跨平台一樣。 在設備上，我目前在同一文檔中具有JS和HTML（表單）。

我想做的是將電子郵件和密碼傳遞到我的服務器，然后通過登錄名在那里處理它。 我已經在服務器上測試了登錄腳本，該腳本可用於硬編碼數據。 所以我在從設備發送數據失敗時在某個地方猜測。.我對JS還是很陌生。

我試圖對AJAX中的數據進行硬編碼，但它似乎不起作用。 我希望使用類似var pdata = $（'＃form'）。serialize（）;的方法。 或者其他更好的東西。

有任何想法嗎？

編輯：忘了說，設置$ _POST（isset）時，服務器上的PHP通過使用JS自動提交。

表格

<form id="form" onsubmit="dologin()">
    <div class="form-group">
        <label for="email">Epost</label>
        <input type="email" class="form-control" name="email" value="" placeholder="Epost">
    </div>
    <div class="form-group">    
        <label for="password">Passord</label>
        <input type="password" class="form-control" name="password" value="" placeholder="Passord">
    </div>
    <div class="checkbox">
        <label>
        <input type="checkbox" name="remember_me">
        Husk meg
        </label>
    </div>
        <button type="submit" class="btn btn-primary">Logg inn</button>
</form>

JavaScript

<script>
        function dologin() {
            //var pdata = $('#form').serialize();
            //alert(pdata);

            $.ajax({
                type: 'POST',
                data: {email:"test@test.no",password:"test"},
                url: 'LINK',
                success: function(data) {
                    alert(data);
                },
                error: function() {                 
                    alert("error");
                } 
            });
            return false;
        };
</script>

的PHP

<form id="form" method="post">
    <!-- {{ Form::label('email', 'Email Address') }} -->
    <div class="form-group">
            <input type="text" name="email" value="<?php if(isset($_POST["email"])) echo $_POST['email'];?>">
    </div>

    <div class="form-group">
        <!-- {{ Form::label('password', 'Password') }} -->
        <input type="text" name="password" value="<?php if(isset($_POST["password"])) echo $_POST['password'];?>">
    </div>
</form>

Answer 1

您可以通過phonegap打服務器嗎？ 如果否，請檢查您的config.xml中是否有白名單網址-將訪問控制屬性更改為

訪問來源=“ *”

希望您能夠使用數據訪問服務器。

Answer 2

您可以使用weinre調試應用程序。 這樣，您將可以查看是否從應用程序發出了請求。 http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html