返回首页
当前位置: 主页 > 网络编程 > Asp实例教程 >

asp中如何使用ajax技术实现无刷新提交 代码

时间:2011-09-07 18:48来源:知行网www.zhixing123.cn 编辑:麦田守望者

我用asp做了一个提交数据到数据库这个功能的显示页面,但是由于显示页面数据量比较大,每次提交完成后显示页面会自动刷新一次,我想用ajax的无刷新技术让每次提交数据时显示页面不刷新,但是没有用过ajax,希望大家帮我实现这个功能

我的源代码 显示页面:yunxingtu.asp 提交页面:yxtu.asp
注:这里我用的yunxingtu.asp代码只是一个简答的显示页面,仅做示例。
yunxingtu.asp代码:
<script language="javascript">
function yunxingtu()
{
document.frm1.method="post";
document.frm1.action="yxtu.asp";
document.frm1.submit();
}
<form name="frm1" action="" method="post">
<select size="1" name="Bmonth">
<%for i=1 to 12%>
<option value=" <%=i%>"> <%=i%> </option>
<%next%>
</select>

<select size="1" name="Bday">
<%for i=1 to 31%>
<option value=" <%=i%>"> <%=i%> </option>
<%next%>
</select>

<input type="button" value="提交数据" onClick="yunxingtu()"/>
</form>
yxtu.asp的源代码就不示例了
请问如何在yunxingtu.asp源代码做修改实现ajax无刷新技术,万分感激!!
网友回复:http://hi.baidu.com/wayindex/blog/item/7f038122faf846a14623e8aa.html

看看里面的实例吧
网友回复:看看吧~希望对你有帮助~
http://www.ii-home.cn/search.asp?keyword=ajax&table=all
网友回复:我也想学习啊~~楼主要是实现了,麻烦发个案例到我Email:zchuh_002@163.com谢谢!!
网友回复:介绍个简单的吧,适合新手,比如我.到网上下载个jQuery API,我用的是jquery-1.2.3.js
先把它加到页面,如: <script type="text/javascript" src="./js/jquery-1.2.3.js"> </script>
提交数据有很多种方法,现在我简单介绍post(url,[data],[callback])方法,参数介绍
url (String) : 发送请求地址。
data (Map) : (可选) 发送至服务器的 key/value 数据。
callback (Callback) : (可选) 载入成功时回调函数。

提交方式有两种,1.通过URL传值.2.通过可选参数DATA用POST方法传值

通过URL传值:$.post("URL?Bmonth=值&Bday=值");

通过可选参数DATA用POST方法传值:
$.post("URL",{Bmonth:值,Bday:值})

结合你的例子:
function yunxingtu()
{
var URL = "yxtu.asp?Bmonth=" document.frm1.Bmonth.value "&Bday=" document.frm1.Bmonth.value;
$.post(URL);//GET方法提交
}
function yunxingtu()
{
$.post("yxtu.asp",{Bmonth:document.frm1.Bmonth.value,Bday:document.frm1.Bmonth.value});
//POST方法提交 注意,此方法提交时,[参数名:值]中的参数名不能用变量代替
}

 

------分隔线----------------------------
标签(Tag):asp asp技巧 asp实例教程 asp源代码 asp基础教程
------分隔线----------------------------
推荐内容
猜你感兴趣