使用ajax 保存数据到数据库但不刷新页面！
a.asp页面有个文本框txt1，提交按钮后文本框内容写入access数据库，但是一提交按钮，本页面会刷新，现在要求是不要本页面刷新实现这个操作？应该是最基本的ajax应...
a.asp页面
有个文本框txt1，提交按钮后文本框内容写入access数据库，但是一提交按钮，本页面会刷新，现在要求是不要本页面刷新实现这个操作？
应该是最基本的ajax应用，但是我不懂这个，请高手给予指点。（asp的）
请随便举个例子，简单些的就好，我搞明白了，分全送也没有关系，我还有200+多分 展开
有个文本框txt1，提交按钮后文本框内容写入access数据库，但是一提交按钮，本页面会刷新，现在要求是不要本页面刷新实现这个操作？
应该是最基本的ajax应用，但是我不懂这个，请高手给予指点。（asp的）
请随便举个例子，简单些的就好，我搞明白了，分全送也没有关系，我还有200+多分 展开
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'可以不要如果没喜欢。
%>
文本框可以不用放在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'可以不要如果没喜欢。
%>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
客户端:新建一个任意名字.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");
%>
<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");
%>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
