如何使用 Javascript 或使用 jQuery 刷新 web 页面的一部分？

Question

如何以时间间隔（不是整个页面）刷新 web 页面的特定部分？

Answer 1

假设您的 Web 页面中有一个要刷新的 DIV：

<div id="myDiv"> </div>

要使用 javascript 刷新它，您只需 select 它并更改 html 代码：

document.getElementById("myDiv").innerHtml = "Your new html code to display"

如果你想处理 forms，数据库查询......你必须使用 AJAX 来调用一些 php 脚本而不重新加载当前页面......

Answer 2

您可以将 Ajax 用于您的目的。 假设您想在将用户注册到您的站点之前检查用户名可用性。

异步创建请求 object

function 创建请求（）

{

try{

 request=new XMLHttpRequest();

} catch(tryMS){

 try{ request=new ActiveXObject("Msxml2.XMLHTTP"); } catch(otherMS){ try{ request=new ActiveXObject("Microsoft.XMLHTTP"); } catch(failed) { request=null; } } } return request;

}

接下来是发送异步请求的代码

function checkAvailability（用户名）{

 request=createRequest(); if(request==null){ alert("Ajax request not possible on your browser"); return; } var url="checkAvailability?username="+username; request.open("GET", url, true); request.onreadystatechange = showStatus; request.send(null);

}

跟踪响应

function 显示状态 () {

 if(request.readyState == 4) { if(request.status == 200) { var response = request.responseText; if(response == 1){ //username available } else{ //username not available } } }

}

Answer 3

你说的是 AJAX

看看http://api.jquery.com/jQuery.ajax/ jQuery

但请考虑学习底层 javascript 语言 - 从长远来看你会更好这里是一个简单的例子http://www.degraeve.com/reference/simple-ajax-example.php

ajax 背后的历史可以在这里找到http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications