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 相关文章推荐
在html页面上拖放移动标签
Jan 08 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
文本框文本自动补全效果示例分享
Jan 19 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
基于vue2的table分页组件实现方法
Mar 20 Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
bootstrap table实现iview固定列的效果实例代码详解
Sep 30 Javascript
(开源)微信小程序+mqtt,esp8266温湿度读取
Apr 02 Javascript
深入讲解Vue中父子组件通信与事件触发
Mar 22 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
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
在同一窗体中使用PHP来处理多个提交任务
2006/10/09 PHP
一个更简单的无限级分类菜单代码
2007/01/16 PHP
推荐一篇入门级的Class文章
2007/03/19 PHP
php htmlspecialchars加强版
2010/02/16 PHP
PHP安全配置详细说明
2011/09/26 PHP
学习php开源项目的源码指南
2014/12/21 PHP
php打印输出棋盘的实现方法
2014/12/23 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
Smarty模板配置实例简析
2019/07/20 PHP
Javascript 类型转换方法
2010/10/24 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
jQuery 常用代码集锦(必看篇)
2016/05/16 Javascript
javascript数组遍历的方法实例分析
2016/09/13 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
JavaScript实现音乐自动切换和轮播
2017/11/05 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
three.js着色器材质的内置变量示例详解
2020/08/16 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
[03:23:49]2016.12.17日完美“圣”典全回顾
2016/12/19 DOTA
python tkinter基本属性详解
2019/09/16 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
python和js交互调用的方法
2020/06/23 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
python性能测试工具locust的使用
2020/12/28 Python
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
成功的餐厅经营创业计划书
2014/01/15 职场文书
十周年庆典策划方案
2014/06/03 职场文书
我是特种兵观后感
2015/06/11 职场文书