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 相关文章推荐
js实现prototype扩展的方法(字符串,日期,数组扩展)
Jan 14 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
ES6学习之变量的解构赋值
Feb 12 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
Vue实现table上下移动功能示例
Feb 21 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
微信小程序实现元素渐入渐出动画效果封装方法
May 18 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中uploaded_files函数使用方法详解
2011/03/09 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
javascript 对表格的行和列都能加亮显示
2008/12/26 Javascript
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
javascript的函数作用域
2014/11/12 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
原生javascript实现addClass,removeClass,hasClass函数
2016/02/25 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
vue+webpack中配置ESLint
2018/11/07 Javascript
深入浅析Vue 中 ref 的使用
2019/04/29 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
2020/04/11 Javascript
JavaScript冒泡算法原理与实现方法深入理解
2020/06/04 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
Python THREADING模块中的JOIN()方法深入理解
2015/02/18 Python
python创建临时文件夹的方法
2015/07/06 Python
Python线性回归实战分析
2018/02/01 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
解决jupyter notebook显示不全出现框框或者乱码问题
2020/04/09 Python
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
伯克斯奥特莱斯:Burkes Outlet
2019/03/30 全球购物
学生实习自我鉴定
2013/10/11 职场文书
采购部岗位职责
2013/11/24 职场文书
先进工作者申报材料
2014/12/23 职场文书
现场施工员岗位职责
2015/04/11 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书
MySQL中的隐藏列的具体查看
2021/09/04 MySQL