使用ajax 保存数据到数据库但不刷新页面!

a.asp页面有个文本框txt1,提交按钮后文本框内容写入access数据库,但是一提交按钮,本页面会刷新,现在要求是不要本页面刷新实现这个操作?应该是最基本的ajax应... a.asp页面
有个文本框txt1,提交按钮后文本框内容写入access数据库,但是一提交按钮,本页面会刷新,现在要求是不要本页面刷新实现这个操作?

应该是最基本的ajax应用,但是我不懂这个,请高手给予指点。(asp的)
请随便举个例子,简单些的就好,我搞明白了,分全送也没有关系,我还有200+多分
展开
 我来答
夜绿看遍野Y
推荐于2016-08-31 · TA获得超过136个赞
知道小有建树答主
回答量:179
采纳率:0%
帮助的人:96.2万
展开全部
我说下原理,实现这个要js+ajax
文本框可以不用放在form里面 按扭可以不用submit类(因为如果是submit在form里按它会刷新页面), 按扭可以是button,可以给它设置onclick命令,通过js取文本框里的内容,用ajax发给a.asp就行了。onreadystatechange这句你也可以不用写如果没有需要。在a.asp页面把接受到的文本输入数据库。 (验证文本可以用js)

例子:
ajaxexample.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ajax</title>
<script language="javascript" type="text/javascript">
var fasong=getXmlHttpRequestObject();

//建立对象
function getXmlHttpRequestObject()
{
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if(window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert( '状况: 无法建立 XmlHttpRequest 对象. 建议升级您的浏览器.');
}
}

function send()
{
if(document.getElementById('txt1').value!='')
{
var content='neirong='+escape(document.getElementById('txt1').value);
if (fasong.readyState == 4 || fasong.readyState == 0) {
fasong.open("post", 'a.asp', true);/
fasong.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
fasong.onreadystatechange = jieshou;
fasong.send(content);/*文本矿内容发送给a.asp*/
}
}
}
function jieshou() /*a.asp返回的数据*/
{
if (fasong.readyState == 4)
{
var textdoc = fasong.responseText;
/*给接收文本框接受到的*/ document.getElementById('jieshou').value=textdoc;
}
}

</script>
</head>

<body>
内容:<br />
<textarea id="txt1" rows="8" cols="50"></textarea><br />
<input type="button" onclick="send()" value="发送" /><br /><br /><br /><br /><br />
接收:<br />
<textarea id="jieshou" rows="3" cols="30"></textarea>
</body>
</html>

----------------------------------------

a.asp:
<%
dim neirong=Request.Form("neirong")
'这里可以吧neirong输入数据库.
Response.Write(Request.Form("neirong"))
'输出返回给ajax'可以不要如果没喜欢。

%>
百度网友3f23b0ab4
2008-03-12 · 超过16用户采纳过TA的回答
知道答主
回答量:85
采纳率:0%
帮助的人:39.8万
展开全部
客户端:新建一个任意名字.html
<html>
<head>
<script type="text/javascript">
function test(name){
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlHttp.open("GET","checkUser.asp?name="+name,true);
xmlHttp.onreadystatechange = function(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
if(xmlHttp.responseText="yes") alert("可以用");
else alert("用户名已经存在!");
}
}
}
xmlHttp.send(null);
}
</script>
</head>
<body>
<input type="button" value="Ajax" onclick="test('aaa');"/>
</body>
</html>
服务器端:新建一个checkUser.asp
<%
'为了简化,我不读取数据库
if(Request.QueryString("name")="aaa")
Response.Write("yes");
%>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式