2 daihaoxiaokailll daihaoxiaokailll 于 2013.07.15 15:46 提问

用AJAX实现页面部分刷新,无法实现

function loadXMLDoc()

{
    var xmlhttp;
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseXml;
        }
    }
    xmlhttp.open("GET","test.phtml?show=12",true);
    xmlhttp.send();
}

请求数据

请求数据显示在这

点击button之后没有反应
调试的过程中,在send()后面写过alert(1);
可以显示出1,但是就是不能实现AJAX的局部刷新

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
struts2框架下用ajax实现网页局部刷新
我们知道AJAX是AsynchronousJavascript And Xml ,他最大的功能就是异步通信实现页面的局部刷新。下面就是用户注册页面时,验证用户名是否已经被注册过(就是验证数据库中是否已经有了这个用户名,不是用户名语法规则的验证),其中最主要的是 XMLHttpRequest对象。它 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
JS AJAX实现页面局部刷新~~~~
http://apps.hi.baidu.com/share/detail/34363149 AJAX大家耳濡目染,它是个非常强大的东西。今天我就在这里写一些比较实在的东西,希望能够帮助到一些人~~~   虽然AJAX是very strong的,但是呢,它也是有使用范围的,我这里交代一下: 1、  AJAX主要应用到的是局部刷新。也就是当页面上的摸一个标签内容需要刷新,为了
jquery+Struts2实现ajax局部刷新分页
###我们先来看看传统的分页是什么样子 从URL中很明显的看出了分页的技术点,两个参数:一个是当前页page一个是页面大小size 我们甚至可以直接修改URL中的参数来跳转到相应的页面。下面几个按钮也是比较常见的。 ###上面这种方式有什么弊端呢? 我简单总结一下: 1, get请求参数在url中,虽然也不是什么敏感的信息,但是一旦哪个用户传递过来的不是整数, 你后台要是
Ajax实现页面局部刷新
直接看代码吧!!!!!!!!! 页面中的js代码 //ajax局部加载页面 function sortInfo(id,type){ $.get('${base}/artGallery/artGalleryInfo.jhtml',{'id':id,'type':type},function(data){ //得到data中form中的html // var dd= $(data
HTML中使用Ajax进行局部刷新页面
使用Ajax进行用户名动态校验,局部刷新页面1.在HTML页面中使用js脚本将请求数据发送给后台servlet 由按钮触发事件 <button id="select" onclick="queryInfos()">查询</button> 由js脚本对将数据发送到后台 var req = new XMLHttpRequest(); function queryInfos() {
java web开发:ajax技术(一)——局部刷新技术的实现
一 什么是Ajax Ajax:AsynchronousJavaScript And Xml——异步JavaScript和XML技术,还有一个比较通用的名称:页面局部刷新技术;是一种把多种技术融合到一起的JavaScript框架之一 二 Ajax主要用在哪里 Ajax的局部刷新是应用相对比较广泛的功能之一 比如常见搜索引擎的搜索建议(如在百度搜索页面中输入具体的字符后弹出匹配的关键词等等
一篇文章搞定ajax局部刷新(原生JS)
ajax可以理解为在后台偷偷摸摸的刷新又不告诉你。它的工作流程是这样的:点击页面标签->发送请求到后端,拿到一个结果->把结果显示到页面那我们转换成计算机语言就应该是4步1.先实例化js的XMLHttpRequest这个内置对象var xhr = new XMLHttpRequest;2.设置open这个方法准备请求xhr.open(method,页面); //第一个参数是设置method是GET
AJAX局部刷新
论浏览器的局部刷新标签(空格分隔): ajax jsonp何谓局部刷新局部刷新是相对全局刷新而言的。在ajax出现之前,浏览器跟服务器交互一般是通过form表单的形式,或post或get,不管采用哪种方式,将数据提交之后,原页面被替换为新页面。局部刷新是在页面发送一个请求,完成请求只更新页面中的局部内容,原页面依然存在。 通用的做法有两种:ajax和jsonp,接下来将详细介绍着两种方式。AJAX
ajax、mysql、jstl实现分页、局部刷新界面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>动漫搜索</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> var xmlhttp; function loadXMLDoc(url,cfun) { // alert("hadhfaf"); xmlhttp=new XMLHttpRequest(); xmlhttp.onreadystatechange=cfun; xmlhttp.open("GET",url,true); xmlhttp.send(); } function myfunction(id,times) { //alert("123"); loadXMLDoc("open.jsp?id="+id+"&times="+times+"&t="+Math.random(),function() { //alert(xmlhttp.status); if(xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById(id).innerHTML=xmlhttp.responseText; } }); } </script> <% //currentPage当前显示页数 if (request.getParameter("currentPage") == null||request.getParameter("currentPage").equals("")) { pageContext.setAttribute("currentPage", new Integer(0)); } else { pageContext.setAttribute("currentPage", request .getParameter("currentPage")); } %> <sql:query var="rs" dataSource="jdbc/mysql"> select* from anime </sql:query> <!-- 得到所有记录数 --> <c:set var="resultNum"> <jsp:getProperty name="rs" property="rowCount" /> </c:set> <!-- 每页显示记录数 --> <c:set var="PerPageNum" value="3" /> </head> <style type="text/css"> body{background-color:} </style> <body> <% int perPageNum = Integer.parseInt((String) pageContext .getAttribute("PerPageNum")); int resultNum = Integer.parseInt((String) pageContext .getAttribute("resultNum")); int pageNum; //如果所有记录数除每页显示记录数没有余数-1 if((int)resultNum%perPageNum==0) pageNum = (int)(resultNum / perPageNum-1); else pageNum = (int)(resultNum / perPageNum); pageContext.setAttribute("pageNum", pageNum); %> <div style="border:1px solid #cccccc; width:1100px;margin:100px 0 0 90px"> <table style=" width:1100px;"> <tr> <td>序号</td> <td>热搜动漫</td> <td>动漫简介</td> <td>更新集数</td> <td>搜索指数</td> <td>动漫详情</td> </tr> <c:if test="${currentPage lt 0 }"><!-- 当前显示页小于0 --> <c:set var="currentPage" value="0"></c:set> </c:if> <c:if test="${currentPage gt pageNum}"><!-- 当前显示页大于总页数 --> <c:set var="currentPage" value="${pageNum }"></c:set> </c:if> <c:set var="currentPage" value="${currentPage}" scope="session" /> <!-- 循环查找记录 --> <c:forEach var="row" items="${rs.rows}" begin="${currentPage*PerPageNum}" end="${PerPageNum+currentPage*PerPageNum-1}" > <tr> <td> ${row.id }</td> <td> <img src="image/${row.image}" width="50" height="50"/></td> <td style="width:600"> ${row.introduce}</td> <td> ${row.blues} </td> <td> ${row.times }</td> <c:set var="times" value="${row.times }" scope="session" /> <td> <input type="button" value="展开" onclick="myfunction(${row.id },${row.times })"/> </td> </tr> <tr> <td colspan=6 id="${row.id}"></td> </tr> </c:forEach> </table> <div style="margin:0px 0px 0px 800px"> 总共有${pageNum+1}页-第${currentPage+1}页-<a href="index.jsp?currentPage=${currentPage-1}">上一页</a> - <a href="index.jsp?currentPage=${currentPage+1}">下一页</a> </div> </div> </body> </html>
winform 实现局部更新(如ajax实现)而整个界面不产生闪烁的解决方案
一、通过对窗体和控件使用双缓冲来减少图形闪烁(当绘制图片时出现闪烁时,使用双缓冲) 对于大多数应用程序,.NET Framework 提供的默认双缓冲将提供最佳效果。默认情况下,标准 Windows 窗体控件是双缓冲的。可以通过两种方法对窗体和所创作的控件启用默认双缓冲。一种方法是将 DoubleBuffered 属性设置为 true,另一种方法是通过调用 SetStyle 方法将 Optimi