在asp中如何使用ajax技术实现无刷新提交
作者:wang 日期:2009-10-13
我用asp做了一个提交数据到数据库这个功能的显示页面,但是由于显示页面数据量比较大,每次提交完成后显示页面会自动刷新一次,我想用ajax的无刷新技术让每次提交数据时显示页面不刷新,但是没有用过ajax,希望大家帮我实现这个功能
我的源代码 显示页面:yunxingtu.asp 提交页面:yxtu.asp
注:这里我用的yunxingtu.asp代码只是一个简答的显示页面,仅做示例。
yunxingtu.asp代码:
提交数据有很多种方法,现在我简单介绍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方法提交 注意,此方法提交时,[参数名:值]中的参数名不能用变量代替
}
http://www.itzhe.cn/news/20080903/217344.html
我的源代码 显示页面:yunxingtu.asp 提交页面:yxtu.asp
注:这里我用的yunxingtu.asp代码只是一个简答的显示页面,仅做示例。
yunxingtu.asp代码:
提交数据有很多种方法,现在我简单介绍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方法提交 注意,此方法提交时,[参数名:值]中的参数名不能用变量代替
}
http://www.itzhe.cn/news/20080903/217344.html
评论: 0 | 引用: 0 | 查看次数: 2670
发表评论