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判断chrome浏览器的方法
Mar 26 Javascript
jquery实现的图片点击滚动效果
Apr 29 Javascript
javascript实现2048游戏示例
May 04 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
简单的js表格操作
Sep 24 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
Aug 27 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
JavaScript实现音乐导航效果
Nov 19 Javascript
JS+CSS实现过渡特效
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多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
2016/04/12 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
Angularjs过滤器实现动态搜索与排序功能示例
2017/12/13 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
2018/01/08 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
vue如何截取字符串
2019/05/06 Javascript
微信小程序实现商城倒计时
2020/11/01 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
layui动态表头的实现代码
2019/08/22 Javascript
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
JS可断点续传文件上传实现代码解析
2020/07/30 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
python计算对角线有理函数插值的方法
2015/05/07 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
详解pytorch 0.4.0迁移指南
2019/06/16 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
更新升级python和pip版本后不生效的问题解决
2020/04/17 Python
泰国网上购物:Shopee泰国
2018/09/14 全球购物
美国批发供应商:Kole Imports
2019/04/10 全球购物
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
中专自荐信
2013/10/13 职场文书
大学自我鉴定范文
2013/12/26 职场文书
投标邀请书范文
2014/01/31 职场文书
考试没考好检讨书
2014/01/31 职场文书
广告艺术设计专业自荐书
2014/07/08 职场文书
户籍证明书标准模板
2014/09/10 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
小学元宵节活动总结
2015/02/06 职场文书
吃通javascript正则表达式
2021/04/21 Javascript
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技