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调试工具(下载)
Jan 09 Javascript
学习JavaScript的最佳方法分享
Oct 21 Javascript
深入解析contentWindow, contentDocument
Jul 04 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
JavaScript实现动画打开半透明提示层的方法
Apr 21 Javascript
vue 页面加载进度条组件实例
Feb 05 Javascript
vue中eslintrc.js配置最详细介绍
Dec 21 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 Javascript
JS实现简易留言板特效
Dec 23 Javascript
jQuery AJAX应用实例总结
May 19 jQuery
js实现简易计算器小功能
Nov 18 Javascript
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 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
php中几种常见安全设置详解
2010/04/06 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
PHP读取xml方法介绍
2013/01/12 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
JQuery 初体验(建议学习jquery)
2009/04/25 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
使用JQuery实现的分页插件分享
2015/11/05 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
AngularJS 最常用的功能汇总
2016/02/17 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
详解js的六大数据类型
2016/12/27 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
2018/09/20 jQuery
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
angularjs自定义过滤器demo示例
2019/08/24 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
web.py中调用文件夹内模板的方法
2014/08/26 Python
windows 下python+numpy安装实用教程
2017/12/23 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
在pycharm中使用git版本管理以及同步github的方法
2019/01/16 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
python实现简单的购物程序代码实例
2020/03/03 Python
美国现代家具购物网站:LexMod
2019/01/09 全球购物
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
毕业生动漫设计求职信
2013/10/11 职场文书
保安拾金不昧表扬信
2014/01/15 职场文书
普罗米修斯教学反思
2014/02/06 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
开平碉楼导游词
2015/02/06 职场文书
家长会开场白和结束语
2015/05/29 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书
php 原生分页
2021/04/01 PHP