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 相关文章推荐
实用javaScript技术-屏蔽类
Aug 15 Javascript
不错的JS中变量相关的细节分析
Aug 13 Javascript
jQuery 判断元素上是否绑定了事件
Oct 28 Javascript
在JavaScript中使用timer示例
May 08 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
JavaScript实现带箭头标识的多级下拉菜单效果
Aug 27 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
May 20 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
vue深入解析之render function code详解
Jul 18 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
小程序文字跑马灯效果
Dec 28 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中显示格式化的用户输入
2006/10/09 PHP
php中神奇的fastcgi_finish_request
2011/05/02 PHP
PHP在网页中动态生成PDF文件详细教程
2014/07/05 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
2015/06/10 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
深入理解Node.js 事件循环和回调函数
2016/11/02 Javascript
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
2019/04/24 Javascript
环形加载进度条封装(Vue插件版和原生js版)
2019/12/04 Javascript
在weex中愉快的使用scss的方法步骤
2020/01/02 Javascript
python利用beautifulSoup实现爬虫
2014/09/29 Python
Python中异常重试的解决方案详解
2017/05/05 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
Gauss-Seidel迭代算法的Python实现详解
2019/06/29 Python
在Python3 numpy中mean和average的区别详解
2019/08/24 Python
Python 如何对文件目录操作
2020/07/10 Python
纯CSS3实现鼠标悬停提示气泡效果
2014/02/28 HTML / CSS
HTML5 localStorage使用总结
2017/02/22 HTML / CSS
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
美国南部最大的家族百货公司:Belk
2017/01/30 全球购物
苹果台湾官网:Apple台湾
2019/01/05 全球购物
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
班主任工作经验材料
2014/02/02 职场文书
优秀党务工作者事迹材料
2014/05/07 职场文书
三好学生竞选稿
2015/11/21 职场文书
教师学习中国梦心得体会
2016/01/05 职场文书