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 相关文章推荐
escape、encodeURI、encodeURIComponent等方法的区别比较
Dec 27 Javascript
基于JavaScript 下namespace 功能的简单分析
Jul 05 Javascript
Javascript和Java获取各种form表单信息的简单实例
Feb 14 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
关于网页中的无缝滚动的js代码
Jun 09 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
Jun 17 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
Dec 27 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
JS实现秒杀倒计时特效
Jan 02 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
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
php程序总是提示验证码输入有误解决方案
2015/01/07 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
PHP中header用法小结
2016/05/23 PHP
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
Javascript 获取LI里的内容
2008/12/17 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
jquery 文本上下无缝滚动,鼠标放上去就停止 小例子
2013/06/05 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
通过jquery实现页面的动画效果(实例代码)
2016/09/18 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
vue使用Google地图的实现示例代码
2018/12/19 Javascript
QML实现圆环颜色选择器
2019/09/25 Javascript
NodeJS http模块用法示例【创建web服务器/客户端】
2019/11/05 NodeJs
ES6学习笔记之let与const用法实例分析
2020/01/22 Javascript
python中assert用法实例分析
2015/04/30 Python
python中requests和https使用简单示例
2018/01/18 Python
详解Python使用tensorflow入门指南
2018/02/09 Python
Tensorflow实现AlexNet卷积神经网络及运算时间评测
2018/05/24 Python
解决Python3下map函数的显示问题
2019/12/04 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
详解rem 适配布局
2018/10/31 HTML / CSS
Html5之title吸顶功能
2018/06/04 HTML / CSS
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
Columbia美国官网:美国著名的户外服装品牌
2016/11/24 全球购物
英国手工布艺沙发在线购买:Sofas & Stuff
2018/03/02 全球购物
解决python 输出到csv 出现多空行的情况
2021/03/24 Python
年度献血先进个人事迹材料
2014/02/14 职场文书
优乐美广告词
2014/03/14 职场文书
大学活动总结格式
2014/04/29 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
小区环境卫生倡议书
2015/04/29 职场文书
2016年六一儿童节开幕词
2016/03/04 职场文书