Question

出于某种原因，这不起作用。我已复制/粘贴代码，但它转到 html-echo.php ，而不是在 htmlExampleTarget

中显示结果

我在这里做错了什么。

由于

戴夫

编辑对不起家伙 - 这是网址 - http://jquery.malsup.com/form/#html

    <script src="js/jquery-1.3.2.js" type="text/javascript" language="javascript"></script>

<script type="text/javascript">
// prepare the form when the DOM is ready 
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#htmlForm').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '#htmlExampleTarget', 

        // success identifies the function to invoke when the server response 
        // has been received; here we apply a fade-in effect to the new content 
        success: function() { 
            $('#htmlExampleTarget').fadeIn('slow'); 
        } 
    }); 
});
</script>



<div style="position:absolute; top:129px; left: 400px; width:500px; border:#000000 thin solid;">
      <form id="htmlForm" action="submit_form.php" method="post"> 
    Message: <input type="text" name="message" value="Hello HTML" /> 
    <input type="submit" value="Echo as HTML" /> 
</form>
Reply: <div id="htmlExampleTarget"></div>
    </div>

并在submit-form.php页面上

echo '<div style="background-color:#ffa; padding:20px">' . $_POST['message'] . '</div>';

Answer 1

您有两个<script>元素。其中一个加载jQuery，另一个运行ajaxForm。您尚未加载包含ajaxForm代码的 .js 文件。

请参阅documentation：

包含jQuery 和Form Plugin外部脚本文件以及用于初始化表单的简短脚本

由于您还没有，尝试运行该函数时脚本会出错，因此它不会阻止默认操作。缺少发出Ajax请求的代码（因此不会发生），并且默认操作会运行（对于浏览器会转到action属性中的URI）。

jquery / ajax不起作用

1 个答案: