Question

我想只刷新一个具有类名image-uploader的特定div。下面是我的div结构 -

<div class="repeater">
     <table>
        <tr>
            <td><div class="image-uploader"></div></td>
        </tr>
    </table>
</div>

如何使用jQuery实现这一目标？

Answer 1

有很多方法可以使用jquery实现ajax。你需要一些jquery“api”，它只返回你想要刷新的div的内容。

您可以替换div的内容，例如这样的想法：

function refreshdiv(){
  $.ajax({
    url: "refresh.php",
    type: "POST"
  }).done(function (data) {
    $(yourdivselector).html(data);
  }
}

现在，如果你触发js代码，它将获取从refresh.php返回的数据，并用响应替换“yourdivselector”html标记的内容。

您甚至可以创建一个运行返回的js代码的函数来完成动态站点更改，而无需为每种可能性编写函数，例如：

- 剪辑 -

  .done(function (data) {
    eval(data);
  }

您只需确保不会向此返回任何敏感数据。

Answer 2

提供有关刷新div所需事件的更多详细信息？

如果您正在搜索“点击”活动，那么这将对您有所帮助。

$(".image-uploader").click(function(e){
    this.innerHTML = "";
});

Answer 3

请参阅我创建的示例：

http://jsfiddle.net/G7xke/

<form>
<input type="file" name="files" id="file1" style="color:White" />
<input type="submit" value="Create" />
</form>
<button value="check" id="check" name="check" >check</button>

和JavaScript：

$("#check").click(function(){
    var fileName = $("#file1").val();
    if(fileName.lastIndexOf("png")===fileName.length-3)
        alert("OK");
    else
        alert("Not PNG");
})

Answer 4

假设您要更改<div>上的Button Click代码，则可以使用此方法。首先包含JQuery.js文件。

<script type="text/javascript">
        $(document).ready(function () {
            $('#btn').on('click', function () {
                $('#image-uploader').html('Your New Value');
            });
        });
</script>

<div id="image-uploader">
    Old Text
</div>

<input type="button" id="btn"  value="test"/>

如何使用jquery只刷新特定的div？

4 个答案: