jQuery Post-为什么我看不到响应？

debugcn 发表于 Dev

aki子

这是我的HTML PAGE

我想用ajax发送一些值，然后想用ajax响应获取它们，但是我的div中没有看到用调用的任何字符id=result。问题出在哪儿？

   <html>
    <head>

     <!-- JQuery v1.8.2 -->
    <script src="theme/scripts/jquery-1.8.2.min.js"></script>

</head>
<body>

<div class="row-fluid">
    <div class="span4">

        <input type="text" id="title"/><br>
        <textarea rows="10" cols="50" id="content"></textarea><br>
        <input type="submit" id="gonderBtn" name="gonderBtn" />

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

    </div>
</div>


    <script type="text/javascript">     
    jQuery(document).ready(function(){
        $("#gonderBtn").click(function(){
            var title   = $("title").val();
            var content = $("content").val();


         $.ajax({
             url: "deneme_action.php", 
             dataType: "html",
             type: 'POST',
             data: {
                 title: title,
                 content: content
             },
             success: function(data){ 
               $("result").html(data); 

             }
          });
        });
    });
    </script>


</body>

</html>

deneme_action.php

    <?php

if(isset($_POST["gonderBtn"])){

    $result = "Sonuc:".$_POST["title"];
     echo  "Selam:".$result;
}

else{
    echo "no post";
}


?>

埃尔莫·范·基尔莫

因为您没有的标签，class="result"但您有的标签id="result"。
可以将jQuery选择器更改为：

$("#result").html(data);

或div标签为：

<div class="result"></div>

和选择器可以：

$(".result").html(data);

而且您不gonderBtn随POST发送-也可以对其进行修复：

$("#gonderBtn").click(function(){
        var title   = $("#title").val();
        var content = $("#content").val();
        var gonderBtn = $(this).val();


     $.ajax({
         url: "deneme_action.php", 
         dataType: "html",
         type: 'POST',
         data: {
             title: title,
             content: content,
             gonderBtn: gonderBtn,
         },

我也修复了输入和文本区域的选择器。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。