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 相关文章推荐
jquery 实现密码框的显示与隐藏示例代码
Sep 18 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
Feb 03 Javascript
Seajs 简易文档 提供简单、极致的模块化开发体验
Apr 13 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
Sep 28 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
Jul 19 Javascript
浅谈Vue数据响应
Nov 05 Javascript
深入Node TCP模块的理解
Mar 13 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
Jul 17 Javascript
详解React中共享组件逻辑的三种方式
Feb 02 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
PHP5中Cookie与 Session使用详解
2013/04/30 PHP
php检测iis环境是否支持htaccess的方法
2014/02/18 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
Yii2 GridView实现列表页直接修改数据的方法
2016/05/16 PHP
TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
2018/09/03 PHP
用showModalDialog弹出页面后,提交表单总是弹出一个新窗口
2009/07/18 Javascript
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
2010/02/07 Javascript
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
2016/03/05 Javascript
React Router基础使用
2017/01/17 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
微信小程序实现拖拽功能
2019/09/26 Javascript
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
一个简单的python程序实例(通讯录)
2013/11/29 Python
Python向日志输出中添加上下文信息
2017/05/24 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
哥伦比亚最大的网上商店:Linio哥伦比亚
2016/09/25 全球购物
英国定做窗帘和纺织品面料一站式商店:Dekoria
2018/08/29 全球购物
善意的谎言事例
2014/02/15 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
房屋租赁协议书范本
2014/04/10 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
道路施工安全责任书
2014/07/24 职场文书
组织生活会表态发言材料
2014/10/17 职场文书
2014年协会工作总结
2014/11/22 职场文书
初中历史教学反思
2016/02/19 职场文书
2019年大学推荐信
2019/06/24 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python