0

問題はまだあります...助けてください

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

<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

4 に答える 4

3

return false;フォームが送信されてページが更新されないようにし、フォーム$("#div1")が見つからないかどうかを確認する必要があります。

$(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);
             }
          });
      return false;
    });
});
于 2013-08-10T09:37:18.933 に答える
0

div1 がないことを確認してください

使ってください

<div id="div1"><div>
于 2013-08-10T09:38:30.253 に答える