3

データベースに保存できるようにフォームからphpファイルにデータを送信しようとしていますが、うまくいきません...

フォームはモバイル アプリ上にあるため、フォームのコードは php ファイルと同じサーバー上にはありません。

html

<div data-role="page" id="createclub">

<div data-role="content">
    <form id="cname" align="left" action="post">
        <label for="name">Enter Name:</label>
        <input type="text" id="name" value=""  />
        <input type="submit" value="Submit" data-inline="true">
    </form>

    <div id="result"></div>
</div>

    <script type="text/javascript">
       $(document).ready(function(){
        $("#cname").submit( function () {
        $.post(
        'http://www.clubbedin.isadcharity.org/createclub.php',
        $("#cname").serialize(),
        function(data){
        $("#result").html(data);
        alert("Data " + data);
        }
        );
        return false;
        });
        });
    </script>

phpファイル

$name = $_POST['name'];

ありがとうございました！！！

4

3 に答える 3

1

.preventDefault()コードを見ると、ajaxを使用してフォームを送信したいので、送信ボタンのデフォルト機能を防止する必要があると思います

 $("#cname").submit(function (e) {
    e.preventDefault();
    $.ajax({
        url: 'http://www.clubbedin.isadcharity.org/createclub.php',
        crossDomain: true, //set as a cross domain requests
        type: 'post',
        data: $("#cname").serialize(),
        success: function (data) {
            $("#result").html(data);
            alert("Data " + data);
        },
    });
});

.ajax()ajaxリクエストをクロスドメインリクエストに設定できるように使用してください

http://api.jquery.com/jQuery.ajax/

于 2013-06-06T01:35:53.220 に答える