zoukankan      html  css  js  c++  java
  • Ajax应用

    1. Jquery使用ajax相关函数

    2. ‍如何在jQuery中使用 setInterval,setTimeout

    1. Jquery使用ajax相关函数

    ‍‍

    //'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\">&nbsp;正在加载...");
                    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了。

  • 相关阅读:
    ASP.NET Web API 记录请求响应数据到日志的一个方法
    EF删除集中方法对比
    CSS 的优先级机制[总结]
    sql备份命令
    sql两张表关联更新字段
    VSCode隐藏node_modules目录
    C# RSACryptoServiceProvider加密解密签名验签和DESCryptoServic
    模拟退火(转)
    HNOI2006-鬼谷子的钱袋
    HNOI2006-公路修建问题(二分答案+并查集)
  • 原文地址:https://www.cnblogs.com/gossip/p/2262651.html
Copyright © 2011-2022 走看看