如何在不使用ajax刷新页面的情况下提交div加载？

Question

这是我的代码工作正常，但它必须在每次提交时重新加载。 我想在每次单击提交按钮时重新加载comments.php 。

我应该用JavaScript写什么？

index.php文件：

 <div class="form-group"> <form action="" method="post" id="reply" enctype="multipart/form-data" > <div class="input-group"> <input type="text" placeholder="say something" class="form-control" name="comment"/> <br/> <button class="btn btn-info" type="submit" name="submit">submit</button> </div> </form> </div> <?php if(isset($_POST['submit'])){ //php goes here } ?> <div> <?php include("comments.php") ; ?> // i want to make this reload on every submit </div>

Answer 1

function myfunc(){
$.ajax({
url:"comments.php",
data:$("input").val(),
method:'post',
success:function(response){
},
error:function(error,message){
}
});

}

<form action="javascript:myfunc()"......>

这是jquery

Answer 2

这个问题使用jquery。 如果你不知道，请访问http://jquery.org获取更多信息：

在comments.php周围添加一个div：

<div id="comments">
  <?php include("comments.php") ; ?> 
</div>

现在你可以捕获提交并用ajax调用替换它+重新加载注释：

<script>
 $(document).ready(function(){
  $("#reply").on("submit",function(e){
    e.preventDefault();
    $.ajax();//todo for you. I cannot write this with this rare information
    $("#comments").load("comments.php");//the magic part
    return false;//prevent the real submit
  }):
});
</script>

Answer 3

您可以使用jQuery load（）方法。

jQuery load（）方法从服务器加载数据并将返回的HTML放入选定的元素中。 此方法提供了一种从Web服务器异步加载数据的简单方法。

load（）方法的参数具有以下含义：

必需的URL参数指定要加载的文件的URL。
可选的data参数指定一组查询字符串（即键/值对），它与请求一起发送到Web服务器。
可选的complete参数基本上是一个在请求完成时执行的回调函数。 对每个选定元素触发一次回调。

你的HTML：

<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
        $("#box").load("comments.php");
    });
});
</script>
</head>
<body>
    <div id="comments">

    </div>
    <button type="button">Load Comments</button>
</body>
</html>

的comments.php

<?php


    //content here

    echo "I'm loaded";

    ?>

如何在不使用ajax刷新页面的情况下提交div加载？

问题描述

3 个解决方案

解决方案1
0 2017-01-19 16:50:15

解决方案2
0 2017-01-19 16:59:16

解决方案3
0 2017-01-19 17:07:24

如何在不使用ajax刷新页面的情况下提交div加载？

问题描述

3 个解决方案

解决方案1 0 2017-01-19 16:50:15

解决方案2 0 2017-01-19 16:59:16

解决方案3 0 2017-01-19 17:07:24

解决方案1
0 2017-01-19 16:50:15

解决方案2
0 2017-01-19 16:59:16

解决方案3
0 2017-01-19 17:07:24