Ajax应用
来源:互联网 发布:mac os 优化 编辑:程序博客网 时间:2024/05/16 14:56
//'WebForm1.aspx'中只用写一句 Response.Write("dd"); <%@ page language="java" import="java.util.*" pageencoding="utf-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>cssrain demo1</title> <script src="../jquery-1.3-vsdoc-cn.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#save").click(function() { $.ajax({ url: 'WebForm1.aspx', type: 'post', dataType: 'html', // 注意这里是xml ,不是html // data: 'name=' + $("#name").val() + '&sex=' + $("#form1 input[@name=sex]:checked").val() + '&address=' + $("#address").val() + '&date=' + new Date(), data: 'name=' + $("#name").val() + '&date=' + new Date(), //传参 timeout: 2000, error: function() //ajax执行失败触发 顺序 2 { alert('fail'); }, success: function(xml) //ajax执行成功触发 顺序 2 { alert('success'); } }) }); $("#loading").ajaxStart(function() //ajax启动时触发 顺序 1 { $(this).html("<img src=\"loading.gif\"> 正在加载..."); alert("ajaxStart... "); }); $("#loading").ajaxSuccess(function() //ajax成功时触发 顺序 3 { $(this).html("保存成功!"); alert("ajaxSuccess... "); }); $("#loading").ajaxError(function() //ajax失败时触发 顺序 3 { $(this).html("shibai!"); alert("ajaxError... "); }); }); </script> </head><body> <h1> cssrain-------例子2</h1> <form id="form1"> name:<input type="text" value="cssrain" id="name"><br> sex:<input type="radio" value="man" name="sex" checked>man ; <input type="radio" value="woman" name="sex">woman<br> address: <input type="text" value="zjningbo" id="address"><br> <input type="button" value="save" id="save"><span id="loading"></span> </form> <br> 返回xml: <ol> </ol></body></html>
2. 如何在jQuery中使用 setInterval,setTimeout
当遇到setInterval,setTimeout与jquery混用的问题 时,直接按JavaScript中的语法写并不起作用,有以下两种解决方法。
方法1.
$(document).ready(function(){
$.extend({
方法2.
function show(){
alert("ready");
}
setInterval(show,3000);// 注意函数名没有引号和括弧!
-------------------
setTimeout(表达式,延迟时间); 单位:ms(毫秒);1s=1000ms;
setInterval(表达式,交 互时间); 单位:ms(毫秒);1s=1000ms;
window.setTimeout()
在执行时,它从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次;和window.clearTimeout一起使用.
window.setInterval()
在执行时,它从载入页面后每隔指定的时间执行一个表达式或者是函数;(功能类似于递归函数);和window.clearInterval一起使用.
1,基本用法:
执行一段代码: var i=0;
setTimeout("i+=1;alert(i)",1000);
执行一个函数:
var i=0;
setTimeout(function(){i+=1;alert(i);},1000);
//注意比较上面的两种方法的不同。
下面再来一个执行函数的:
var i=0;
总结:
setTimeout的原型是这样的:
iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])
setTimeout 有两种形式
setTimeout(code,interval)
setTimeout(func,interval,args)
其中code是一个字符串
func是一个函数.
注意"函数"的意义,是一个表达式,而不是一个语句.
比如你想周期性执行一个函数
function a(){
可写为
setInterval("a()",1000)
或
setInterval(a,1000)
这里 注意第二种形式中,是a,不要写成a(),切记!!!
展开来说,不管你这里写的是什么,如果是一个变量,一定是一个指向某函数的变量; 如果是个函数,那它的返回值就 要是个函数
2,用setTimeout实现setInterval的功能
思路很简 单,就是在一个函数中调用不停执行自己,有点像递归
var i=0;
3,在类中使用setTimeout
终于到正题了,其实在类中使用大家遇到的问题都是关于this的,只要解决了这个this的问题就万事无忧了。
呵呵。让我们来分析一 下:
function xilou(){
错误分析:
A:中的this其实指是window 对象,并不是指当前实例对象
B:和C:中的count()和count其实指的是单独的一个名为count()的函数,但也可以是 window.count(),因为window.count()可以省略为count()
D:将变量self指向当前实例对象,这样 js解析引擎就不会混肴this指的是谁了。
话说回来,虽然我们知道setTimeout("this.count()",1000) 中的this指的是window对象,但还是不明白为什么会是
window对象^_^(有点头晕...)
那我们可以 想象一下这个setTimeout是怎样被定义的:
setTimeout是window的一个方法,全称是这样 的:window.setTimeout()
那应该是这样被定义的:
window.setTimeout=function(vCode, iMilliSeconds [, sLanguage]){ 所以当向 setTimeout()传入this的时候,当然指的是它所属的当前对象window了。
- ajax应用
- ajax应用
- Ajax应用
- ajax应用
- Ajax应用
- AJAX 应用
- AJAX 应用
- Ajax应用
- ajax应用
- ajax应用
- ajax 应用
- Ajax应用
- Ajax应用
- ajax应用
- ajax 应用
- AJAX应用
- Ajax应用
- ajax应用
- zend studio , eclipsePHP 编辑器如何搜索所有文件关键字
- [LeetCode]Climbing Stairs
- linux中ctrl+z和ctrl+c的区别
- oracle创建一个一般用户
- COM应用和原理摘自大神
- Ajax应用
- 回收站的文件被杀毒软件清空了怎么办
- C++工厂模式总结(简易版反射)
- CSS样式表
- VS2010中使用TinyXML
- 【数据结构】算法复杂度
- 用链表实现栈
- spring注解配置详解
- POJ - 1005 I Think I Need a Houseboat