javascript jQuery $.post $.ajax用法


Posted in Javascript onJuly 09, 2008

jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求

参数: 

url (String) : 发送请求的URL地址. 

data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。 

callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。

type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。示例代码:

Ajax.aspx:

Response.ContentType = "application/json";Response.Write("{result: '" + Request["Name"] + ",你好!(这消息来自服务器)'}");jQuery 代码: 
$.post("Ajax.aspx", { Action: "post", Name: "lulu" },        function (data, textStatus){            // data 可以是 xmlDoc, jsonObj, html, text, 等等.            //this; // 这个Ajax请求的选项配置信息,请参考jQuery.get()说到的this            alert(data.result);        }, "json");点击提交: 

这里设置了请求的格式为"json":

$.ajax()这个是jQuery 的底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。

这里有几个Ajax事件参数:beforeSend ,success ,complete ,error 。我们可以定义这些事件来很好的处理我们的每一次的Ajax请求。

$.ajax({url: 'stat.php',

type: 'POST',

data:{Name:"keyun"},

dataType: 'html',

timeout: 1000,

error: function(){alert('Error loading PHP document');},

success: function(result){alert(result);}

});

Javascript 相关文章推荐
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
使用jQuery清空file文件域的解决方案
Apr 12 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
jquery中EasyUI实现异步树
Mar 01 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
js调用webservice构造SOAP进行身份验证
Apr 27 Javascript
jquery实现垂直和水平菜单导航栏
Aug 27 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
JS中call()和apply()的功能及用法实例分析
Jun 28 Javascript
vue输入节流,避免实时请求接口的实例代码
Oct 30 Javascript
javascript同步Import,同步调用外部js的方法
Jul 08 #Javascript
SWFObject Flash js调用类
Jul 08 #Javascript
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 #Javascript
图片自动缩小 点击放大
Jul 07 #Javascript
超级退弹代码
Jul 07 #Javascript
Javascript入门学习资料收集整理篇
Jul 06 #Javascript
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 #Javascript
You might like
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
Laravel中使用FormRequest进行表单验证方法及问题汇总
2016/06/19 PHP
php实现二叉树中和为某一值的路径方法
2018/10/14 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
IE 当eval遇上function的处理
2011/08/09 Javascript
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)
2013/05/27 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
关于js函数解释(包括内嵌,对象等)
2016/11/20 Javascript
JavaScript字符串对象(string)基本用法示例
2017/01/18 Javascript
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
了解JavaScript中let语句
2019/05/30 Javascript
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
Python修改MP3文件的方法
2015/06/15 Python
Python基于PycURL实现POST的方法
2015/07/25 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
ubuntu中配置pyqt4环境教程
2017/12/27 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
python3实现字符串操作的实例代码
2019/04/16 Python
python实现随机漫步方法和原理
2019/06/10 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
如何利用python生成MD5并去重
2020/12/07 Python
技校生自我鉴定范文
2013/09/26 职场文书
自我鉴定的范文
2013/10/03 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
中学优秀班主任事迹材料
2014/05/01 职场文书
假面舞会策划方案
2014/05/29 职场文书
初中学生操行评语
2014/12/26 职场文书
有关保护环境的宣传标语100条
2019/08/07 职场文书
Python序列化与反序列化相关知识总结
2021/06/08 Python
Java中API的使用方法详情
2022/04/06 Java/Android