随笔 - 68 文章 - 2 评论 - 8

jQuery之ajax post篇

以下是一个ajax的post例子。代码为script部分

jQuery之ajax post篇------Code

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>

Tag标签: jquery ajax实例

posted on 2008-03-26 17:01 萧佰刚阅读(319) 评论(0) 编辑收藏所属分类: Ajax 、Jquery学习

社区新闻新用户注册刷新评论列表

标题

姓名

主页

(只有博主才能看到)


验证码	* 看不清,换一张 [登录][注册]

内容(请不要发表任何与政治相关的内容)

Remember Me?

登录使用高级评论新用户注册返回页首恢复上次提交

[使用Ctrl+Enter键可以直接提交]

该文被作者在 2008-03-26 18:00 编辑过

所属分类的其他文章:
· Jquery 之AJAX 无刷新下拉菜单
· Jquery之Ajax 调用 xmlWebService篇

最新IT新闻:
· 第一财经周刊:当前互联网世界正处无秩序时代
· Visual Studio 2008 SDK 1.1 发布
· 死敌VMware变身微软认证计划新成员
· 英特尔雅虎开发网络计算机频道
· Windows Live视频邮件9月9日开始测试

博客园新闻频道博客园首页社区

2008年3月

日

一

二

三

四

五

六

与我联系

发短消息

搜索

常用链接

留言簿

我参加的小组

博客园深圳俱乐部

我的标签

jquery ajax实例(1)
cookies(1)

随笔分类

.NET Remoting

.NET技巧(2)

.NET架构

Ajax(3)

CLR基础学习(1)

design pattern(9)

Javascript(2)

Jquery学习(5)

Multiple Threads

UML建模

WebServers(3)

Windows Mobile

反射(1)

工作流

企业库

诗行(1)

委托(1)

序列化

异步同步编程(2)

语言级集成查询

自定义控件编写

自定义属性

随笔档案

2008年5月 (1)

2008年4月 (2)

2008年3月 (1)

2008年1月 (3)

2007年12月 (2)

2007年11月 (1)

2007年10月 (5)

2007年9月 (9)

2007年8月 (22)

2007年7月 (22)

文章分类

.net技术文章(2)

与我联系

搜索

常用链接

留言簿

我参加的小组

我的标签

随笔分类

随笔档案

文章分类

相册

设计模式

积分与排名

最新评论

阅读排行榜

评论排行榜