UC知道百分求解ajax问题
来源：百度知道 编辑：UC知道 时间：2024/05/12 13:06:29
我用ASP建一个笑话网站、大家都晓得：看笑话，看完这个换成下一个，就点“下一个”按钮立即在原来的位置换成下一个笑话，点“上一个”就会在原来位置换为上一个笑话，很简单，不用重新刷新页面、我想用AJax来实现这一效果、如何使用 AJAX 技术令网页从数据库读取信息、我只想要实现看笑话这一个功能、问了好几百遍回答的都好奇怪、我要的是一步一步来的、要是就发一段代码就免了、能怎样详细就怎样详细、专业术语也少用、我是非常菜的、知道要求很高、就麻烦各位老师了、真的急死了
function handleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200||xmlHttp.status==0)
{
var str=xmlHttp.responseText;
document.getElementById("div1").innerHTML=str;
}
}
}
</script>
</head>
<body>
<input type="button" onclick="startRequest()" value="上一步"/>
<input type="button" onclick="startRequest()" value="下一步"/>
<div id="div1" ></div>
</body>
</html>
function handleStateChange()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200||xmlHttp.status==0)
{
var str=xmlHttp.responseText;
document.getElementById("div1").innerHTML=str;
}
}
}
</script>
</head>
<body>
<input type="button" onclick="startRequest()" value="上一步"/>
<input type="button" onclick="startRequest()" value="下一步"/>
<div id="div1" ></div>
</body>
</html>
我会做,
我们用"下一篇"来做例子,
当你点击"下一篇"时
就调用 next()这个函数但这个函数要带一个参数,就是当前文章的ID,不然程序不知道下一篇是哪一篇
所以 onclick="next(id)",这个id怎么附值,就看你的程序了.
然后Next这个函数调用Ajax驱动去调用一个动态程序比如ajax.asp,并把ID传给它,"ajax.asp?id="&id
至于这个Ajax驱动你只要知道它能调用动态页就行了,并且它能获得动态页的输出内容.有Xml形式和Html形式.
这个你可以直接复制网上代码就行,或者用jquery框架的Ajaxupdate.
然后Ajax.asp
你可以动态输出下一篇的内容和标题,当然把ID也输出来
sql="select * from news where id>"&request("id")
Ajax运行完成,就会驱动你问题补充里的代码,然后更新你的页就OK了
原理大概这样.
要进一步进解加我四七九七五二零七六.
类似分页的思想，可以先琢磨下分页。只要那个相同了，这个大相径庭。
思路：
客户端：
1 页面上放一个容器DIV_PANEL来显示笑话内容，一个隐藏域存放此笑话的ID
2 放两个按钮来控制上一个，下一个。
3 通过两个按钮进行AJAX调用，来控制DIV_PANEL的INNERHTML属性。
服务端：
1 接受客户端传过来的笑话的ID，在数据库中检索上一段，或下一段笑话的内容，连同ID一起发给客户端。
看你的问题补充，你不会不知道如何检索数据库数据吧？
只可意会，不可言传啊~~~