会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
怂
萧佰刚技术博客
博客园
首页
新随笔
联系
管理
订阅
jQuery之ajax post篇
以下是一个ajax的post例子。代码为
script
部分
jQuery之ajax post篇------Code
<
script type
=
"
text/javascript
"
>
function adddata()
{
var typeName
=
$(
"
#<%=this.typeName.ClientID%>
"
).val();
var msg
=
"
not be empty
"
;
if
(typeName
==
""
)
{
if
(msg
!=
""
)
{
alert(msg);
return
false
;
}
}
else
{
//
显示进度条
$(
"
#loading
"
).ajaxStart(function()
{
$(
this
).show();
}
);
//
提交前触发的事件
$(
"
#msg
"
).ajaxSend(function(request, settings)
{$(
this
).append(
"
<li>Starting request at
"
+
settings.url
+
"
</li>
"
);}
);
//
这里的countryid 可以动态从GridView里面取
var countryid
=
$(
"
#<%=this.drpCountry.ClientID%>
"
).val();
//
获取下拉菜单值
var countryname
=
format_get_name(countryid);
//
获取下拉菜单文本
var typeName
=
$(
"
#<%=this.typeName.ClientID%>
"
).val();
//
获取txt为typeName的值
var showTypeDesc
=
$(
"
#<%=this.showTypeDesc.ClientID%>
"
).val();
//
获取txt为showTypeDesc的值
//
调用Juqery Ajax
$.ajax(
{
type:
"
POST
"
,
url:
"
addNews.aspx
"
,
timeout:
20000
,
error: function()
{alert(
'
error
'
);}
,
data:
"
countryid=
"
+
countryid
+
"
&countryname=
"
+
countryname
+
"
&typeName=
"
+
typeName
+
"
&showTypeDesc=
"
+
showTypeDesc,
success: function(msg)
{
var text
=
msg.split(
'
<
'
);
//
当AJAX请求失败时添加一个被执行的方法
$(
"
#msg
"
).ajaxError(function(request, settings)
{
$(
this
).append(
"
<li>Error requesting page
"
+
settings.url
+
"
</li>
"
);
}
);
//
当AJAX请求成功时添加一个被执行的方法
$(
"
#msg
"
).ajaxSuccess(function(request, settings)
{
$(
this
).append(text[
0
]);
}
);
//
清空文本里面的值
$(
"
#<%=this.typeName.ClientID%>
"
).val(
""
);
$(
"
#<%=this.showTypeDesc.ClientID%>
"
).val(
""
);
return
false
;
}
}
);
}
}
//
获取下拉菜单里面的文本内容
function format_get_name(id)
{
var drp
=
$(
'
<%=drpCountry.ClientID%>
'
);
for
( var i
=
0
;i
<
drp.options.length;i
++
)
{
if
( drp.options[i].value
==
id )
{
return
drp.options[i].text;
}
}
return
''
;
}
</
script
>
posted on
2008-03-26 17:01
萧佰刚
阅读(
3842
) 评论(
0
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告