zoukankan
html css js c++ java
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
>
查看全文
相关阅读:
领导力包括哪些能力?如何提升领导力?
管理者如何让员工服从?
常用查询语句
BZOJ2190 SDOI2008 仪仗队 gcd,欧拉函数
使用python来操作redis用法详解
int指令
浏览器打开exe文件
feiQ发送信息
【转】Notepad++ 中文查找(中文搜索)问题解决方法
【转】Java基本概念:集合类 List/Set/Map...的区别
原文地址:https://www.cnblogs.com/xiaobaigang/p/1123391.html
最新文章
Flink基础(52):FLINK-SQL函数(14) 内置函数(十)其他函数
Flink基础(51):FLINK-SQL函数(13)内置函数(九)聚合函数
Flink基础(50):FLINK-SQL函数(12) 内置函数(八)类型转换函数
Chapter 11 Inheritance
python isinstance()方法的使用
【NOIP2010】【Luogu1540】机器翻译
【转】JAVA中的内联函数
【转】Java内存优化
【转】c语言static和extern的用法
【转】Java缓存框架 EhCache
热门文章
GDI+抗锯齿
【转】2010美国职位:软件工程师最佳
市场营销经典书籍推荐
企业如何制定战略规划?
自学人力资源管理必看的书籍推荐
看书在精而不在多,最经典的人力资源管理书籍推荐
中层管理者该看什么书?中层领导书籍推荐
如何学好人力资源管理?方法及书籍推荐
人力资源管理书籍推荐:跳出艺术谈科学
市场营销类书籍推荐,这本营销管理书籍最有实战性
Copyright © 2011-2022 走看看