Ajax应用

最新推荐文章于 2025-03-16 10:00:00 发布

南北雪树

最新推荐文章于 2025-03-16 10:00:00 发布

阅读量789

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/u010963948/article/details/27348997

版权

JavaScript 专栏收录该内容

17 篇文章

订阅专栏

//'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一起使用.