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 相关文章推荐
取得传值的函数
Oct 27 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
May 21 Javascript
Vue不能检测到Object/Array更新的情况的解决
Jun 26 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
Aug 12 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 Javascript
layui 弹出层值回传解决方式
Nov 14 Javascript
JavaScript数组排序功能简单实现
May 14 Javascript
详解Vue Cli浏览器兼容性实践
Jun 08 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 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
帝国cms常用标签汇总
2015/07/06 PHP
php 访问oracle 存储过程实例详解
2017/01/08 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
javascript:json数据的页面绑定示例代码
2014/01/26 Javascript
jQuery中bind()方法用法实例
2015/01/19 Javascript
使用js实现的简单拖拽效果
2015/03/18 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
2018/08/30 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
Python迭代和迭代器详解
2016/11/10 Python
Python实现Kmeans聚类算法
2020/06/10 Python
Python基于最小二乘法实现曲线拟合示例
2018/06/14 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
django如何实现视图重定向
2019/07/24 Python
CSS3字体效果的设置方法小结
2016/06/13 HTML / CSS
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
劳资专员岗位职责
2013/12/27 职场文书
千元咖啡店的创业计划书范文
2013/12/29 职场文书
加拿大留学自荐信
2014/01/28 职场文书
初中高效课堂实施方案
2014/02/26 职场文书
小学师德标兵先进事迹材料
2014/05/25 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
律师授权委托书范本
2014/10/07 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
2016猴年春节慰问信
2015/11/30 职场文书
初中美术教学反思
2016/02/17 职场文书