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 相关文章推荐
Extjs学习笔记之八 继承和事件基础
Jan 08 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
Dec 17 Javascript
JS 各种网页尺寸判断实例方法
Apr 18 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
让你一句话理解闭包(简单易懂)
Jun 03 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
Jul 06 Javascript
Angular获取手机验证码实现移动端登录注册功能
May 17 Javascript
Javascript中的async awai的用法
May 17 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
JavaScript十大取整方法实例教程
Dec 03 Javascript
聊聊vue 中的v-on参数问题
Jan 29 Vue.js
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
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
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
第十五节--Zend引擎的发展
2006/11/16 PHP
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
php正则校验用户名介绍
2008/07/19 PHP
php截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
PHP遍历XML文档所有节点的方法
2015/03/12 PHP
PHP经典面试题集锦
2015/03/19 PHP
php文件缓存方法总结
2016/03/16 PHP
微信支付开发发货通知实例
2016/07/12 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
javascript中直接引用Microsoft的COM生成Word
2014/01/20 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
限制复选框最多选择项的实现代码
2016/05/30 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
js图片切换具体实现代码
2016/10/13 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
微信小程序实现时间预约功能
2018/11/27 Javascript
mpvue小程序循环动画开启暂停的实现方法
2019/05/15 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
Vue分页效果与购物车功能
2019/12/13 Javascript
原生js实现九宫格拖拽换位
2021/01/26 Javascript
Python函数嵌套实例
2014/09/23 Python
Python中类型关系和继承关系实例详解
2015/05/25 Python
在Python的Django框架下使用django-tagging的教程
2015/05/30 Python
Python实现各种排序算法的代码示例总结
2015/12/11 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
酒店前台接待岗位职责
2013/12/03 职场文书
超越自我演讲稿
2014/05/21 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
教学工作总结范文5篇
2019/08/19 职场文书
Golang实现AES对称加密的过程详解
2021/05/20 Golang
对讲机的最大通讯距离是多少
2022/02/18 无线电
使用scrapy实现增量式爬取方式
2022/06/21 Python