0

AJAX jQuery の使用中に外部ファイルをロードできません。jQuery AJAX を使用してフォームをポップアップし、検証して MySQL にデータを入力したいと考えています。ただし、単純な AJAX 関数から始めます。どこが間違っているのか教えてください

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" media="all" href="test_style.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">    </script>
        <script>
        $(document).ready(function(){
            $("#ajax-contact-form").submit(function(){
                var str = $(this).serialize();
                $.ajax({
                    type: "POST",
                    url:"contact.php",
                    data: str,
                    success:function(result) {
                        $("#div1").html(result);
                    }
                });
            });
        });
        </script>
    </head>
    <body>
        <div id="contact_form">  
            <form id="ajax-contact-form" name="contact" action=""> 
                <fieldset>
                    <label for="name" id="name_label">Name</label>
                    <input type="text" name="name" id="name" size="30" value="" class="text-input"/>  
                    <label class="error" for="name" id="name_error">This field is required.</label>  
                    <input class="button" type="submit" name="submit" value="Send Message">
                </fieldset>  
            </form>
        </div> 
    </body>
</html>

contact.php ファイルは

<?php
echo "Hello";
?>
4

3 に答える 3

0
$("#div1").html(result);

結果を表示するページ内で、 id がdiv1である 1 つの div を使用します。

<div id="div1"></div>
于 2013-08-10T09:16:21.183 に答える
0

buttonタイプタイプで試す

<input type="button" name="submit" class="button" id="submit_btn" value="Send" />

また、両方のスクリプトは同じで、DOM 対応または $(function) のいずれかを使用します

<script>
   $(document).ready(function(){
      $(".button").click(function(){
          $.ajax({url:"contact.php",success:function(result){
               $("#div1").html(result);
           }});
       });
   });
</script>

buttonクラス名は次のように表され、HTMLページ.buttonでidを持つdivを作成しますdiv1

于 2013-08-10T09:00:05.140 に答える