$("#loginname").tips和jQuery中 的ajax
jquery tips 提示插件 jquery.tips.js v0.1beta；
使用方法
$(“#loginname”).tips({ //#loginname为jquery的id选择器
msg:‘your messages!‘, //你的提示消息 必填
side:1, //提示窗显示位置 1，2，3，4 分别代表 上右下左 默认为1（上） 可选
color:‘#FFF‘, //提示文字色 默认为白色 可选
bg:‘#F00‘,//提示窗背景色 默认为红色 可选
time:2,//自动关闭时间 默认2秒 设置0则不自动关闭 可选
x:0,//横向偏移 正数向右偏移 负数向左偏移 默认为0 可选
y:0,//纵向偏移 正数向下偏移 负数向上偏移 默认为0 可选
})
回调函数
如果要处理$.ajax()得到的数据，则需要使用回调函数。beforeSend、error、dataFilter、success、complete。
- beforeSend 在发送请求之前调用，并且传入一个XMLHttpRequest作为参数。
- error 在请求出错时调用。传入XMLHttpRequest对象，描述错误类型的字符串以及一个异常对象（如果有的话）
- dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。并且必须返回新的数据（可能是处理过的）传递给success回调函数。
- success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。
- complete 当请求完成之后调用这个函数，无论成功或失败。传入XMLHttpRequest对象，以及一个包含成功或错误代码的字符串。
context Object
这个对象用于设置Ajax相关回调函数的上下文。也就是说，让回调函数内this指向这个对象（如果不设定这个参数，那么this就指向调用本次AJAX请求时传递的options参数）。比如指定一个DOM元素作为context参数，这样就设置了success回调函数的上下文为这个DOM元素。就像这样：
$.ajax({
url: "test.html",
context: document.body,
success: function(){
$(this).addClass("done");
}});
success(data, textStatus, jqXHR) Function,Array
请求成功后的回调函数。参数：由服务器返回，并根据dataType参数进行处理后的数据；描述状态的字符串。还有 jqXHR（在jQuery 1.4.x的中，XMLHttpRequest） 对象 。在jQuery 1.5， 成功设置可以接受一个函数数组。每个函数将被依次调用。
traditional Boolean
如果你想要用传统的方式来序列化数据，那么就设置为true。请参考工具分类下面的jQuery.param 方法。
timeout Number
设置请求超时时间（毫秒）。此设置将覆盖全局设置。
type String
(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。
url String
(默认: 当前页地址) 发送请求的地址。
username String
用于响应HTTP访问认证请求的用户名
xhr Function
需要返回一个XMLHttpRequest 对象。默认在IE下是ActiveXObject 而其他情况下是XMLHttpRequest 。用于重写或者提供一个增强的XMLHttpRequest 对象。这个参数在jQuery 1.3以前不可用。
xhr FieldsmapV1.5
一对“文件名-文件值”在本机设置XHR对象。例如，如果需要的话，你可以用它来设置withCredentials为true的跨域请求。
示例
描述:
加载并执行一个 JS 文件。
jQuery 代码:
$.ajax({
type: "GET",
url: "test.js",
dataType: "script"
});描述:
保存数据到服务器，成功时显示信息。
jQuery 代码:
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});描述:
装入一个 HTML 网页最新版本。
jQuery 代码:
$.ajax({
url: "test.html",
cache: false,
success: function(html){
$("#results").append(html);
}
});描述:
同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。
jQuery 代码:
var html = $.ajax({
url: "some.php",
async: false
}).responseText;描述:
发送 XML 数据至服务器。设置 processData 选项为 false，防止自动转换数据格式。
jQuery 代码:
var xmlDocument = [create xml document];
$.ajax({
url: "page.php",
processData: false,
data: xmlDocument,
success: handleResponse
});最新文章
- awk 留底
- 【h5-egret】如何快速开发一个小游戏
- Zabbix探索：Zabbix API使用时的错误1
- BZOJ1901 - Dynamic Rankings(树状数组套主席树)
- 使用SeaJS实现模块化JavaScript开发（新）
- css内容生成器
- logstash 中的贪婪匹配
- MYSQL truncate table
- 【iOS开发-31】UITabBar背景、icon图标颜色、被选中背景设置以及隐藏UITabBar的两种方式
- cocos3——8.实现初学者指南
- ratingbar设置不可调节星星数量
- C语言之复杂链表的复制（图示详解）
- DIJKSTRA 临接表
- noip第32课资料
- 【Oracle】Linux7安装11g 86%报错：Error in invoking target 'agent nmhs' of makefile
- 数据库-mysql语句-查-WEB服务器
- Mac idea error=13, Permission denied
- 深入浅出javascript（三）封装和继承
- 修改python ide的主题,颜色
- Robot Framework自动化测试---Selenium API